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

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

这是配的代理:

配置了代理的VUE项目打包后请求地址找不到_第1张图片

这是接口的调用

配置了代理的VUE项目打包后请求地址找不到_第2张图片

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

 配置了代理的VUE项目打包后请求地址找不到_第3张图片

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

配置了代理的VUE项目打包后请求地址找不到_第4张图片 

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

 

你可能感兴趣的:(vue.js,前端)