配置了代理的VUE项目打包后请求地址找不到

前后端分离的项目,我们在前端项目中请求后端接口的时候会配置代理。以我此次为例,后端项目是在服务器上,前端我写的vue项目,在浏览器上运行的时候就得配置跨域代理,

这是配的代理:

这是接口的调用

 这样配置在浏览器上都是能成功请求到的,然而当我打包了vue项目,用HbuilderX在手机上调试的时候,却请求不到了,报错如下:

 

 找了网上好多解决办法,比如下载Nginx,修改nginx.conf文件什么的,都没用(也可能是因为我没改对);最后才找到解决办法就是:开发vue项目时需要配置代理来处理跨域问题,因为开发时走的是本地端口8080,所以才有跨域;打包后的项目不用走本地端口,所以就不用代理,所以打包前,我直接把调用接口的地方改成这样:

 

直接写完整的地址,打包后就可以啦

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值