请问各位用前端配置文件里的base_api代替本机ip+端口号后报无法使用此页面怎么解决

问题遇到的现象和发生背景

我是后端一枚,在练习项目的时候copy来前端然后在host文件里加入了base_api给的地址,也配了跨域,但这样就请求不到了报无法使用此页面和502错误。但是我用本机地址加端口号就可以访问,请问这是什么情况

问题相关代码,请勿粘贴截图
运行结果及报错内容

浏览器报 该网页无法正常运作api.gmall.com 目前无法处理此请求。
HTTP ERROR 502
后台网关和微服务均未报错

我的解答思路和尝试过的方法

我本以为是跨域的问题,但理论上即使不配跨域在浏览器上是拿得到数据的,报跨域错误也应该是在前端。配了跨域配置类之后果然也没什么用。网关的配置文件检查过多次了应该没什么问题

我想要达到的结果

如果跨域没问题的话,一般没有问题,注意后面的斜杠,参考一下:

ENV = 'production'
# VUE_APP_BASE_API = 'http://127.0.0.1:8888/'
VUE_APP_BASE_API = 'http://xxx.xxx.xxx.xxx:端口/项目名称/'