前后端分离的项目,我们在前端项目中请求后端接口的时候会配置代理。以我此次为例,后端项目是在服务器上,前端我写的vue项目,在浏览器上运行的时候就得配置跨域代理,
这是配的代理:
这是接口的调用
这样配置在浏览器上都是能成功请求到的,然而当我打包了vue项目,用HbuilderX在手机上调试的时候,却请求不到了,报错如下:
找了网上好多解决办法,比如下载Nginx,修改nginx.conf文件什么的,都没用(也可能是因为我没改对);最后才找到解决办法就是:开发vue项目时需要配置代理来处理跨域问题,因为开发时走的是本地端口8080,所以才有跨域;打包后的项目不用走本地端口,所以就不用代理,所以打包前,我直接把调用接口的地方改成这样:
直接写完整的地址,打包后就可以啦