血淋淋的教训—将Vue项目打包成app的跨域问题 _跨域问题

【血淋淋的教训—将Vue项目打包成app的跨域问题】学向勤中得，萤窗万卷书。这篇文章主要讲述血淋淋的教训—将Vue项目打包成app的跨域问题相关的知识，希望能为你提供帮助。

1devServer: { 2host: ‘192.168.1.58‘, 3port: 9999, 4historyApiFallback: true, 5noInfo: true, 6overlay: true, 7// 配置服代理务器 8 9proxy: { 10‘/hydro/‘: {// 只要指向/hydro/的请求，都会自动代理到下面的target的地址 11target: "http://192.168.1.180:8081",//对方服务器地址 12// pathRewrite: { 13//‘^/hydrowebapp‘:‘/‘ 14// }, 15secure: false, 16changeOrigin:true 17}, 18} 19 20},

跨域问题，webpack配置的代理服务器，但只在开发环境中有效，npm run build 打包之后则失效，
webapp放在nginx服务器下，nginx做了代理，则可以解决跨域问题

webapp改造移动app，使用的是纯html，使用HBuilder进行打包后真机测试，
最初使用谷歌浏览器做测试，
页面报Access-Control-Allow-Origin跨域错误,于是开始各种跨域的解决方法，
最终发现app不存在跨域一说!
在浏览器中测试，$http请求报跨域的错误，但是app打包在真机上运行，是一点问题都没有的……
血淋淋的教训啊，苦苦折腾了许久，然后发现，真机上不存在此问题，真是……无话可说了！
记录下自己惨痛的经历，共大家共勉！谢谢！
=================================================
机调试时，浏览器不能跨域，手机是可以正常跨域的，把控制台调到手机就能正常看到跨域后的结果了
报出这种错误都是在 “边改边看控制台”里显示的。
如果还是不行，就重连手机，重启基座APP试试。