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

vue

 1  devServer: {

2 host: \'192.168.1.58\',

3 port: 9999,

4 historyApiFallback: true,

5 noInfo: true,

6 overlay: true,

7 // 配置服代理务器

8

9 proxy: {

10 \'/hydro/\': { // 只要指向/hydro/的请求,都会自动代理到下面的target的地址

11 target: "http://192.168.1.180:8081", //对方服务器地址

12 // pathRewrite: {

13 // \'^/hydrowebapp\':\'/\'

14 // },

15 secure: false,

16 changeOrigin:true

17 },

18 }

19

20 },

跨域问题,webpack配置的代理服务器,但只在开发环境中有效,npm run build 打包之后则失效,

webapp放在nginx服务器下,nginx做了代理,则可以解决跨域问题

webapp改造移动app,使用 的是纯HTML,使用HBuilder进行打包后真机测试,

最初使用谷歌浏览器做测试,

页面报Access-Control-Allow-Origin跨域错误,于是开始各种跨域的解决方法,

最终发现app不存在跨域一说!

在浏览器中测试,$http请求报跨域的错误,但是app打包在真机上运行,是一点问题都没有的……

血淋淋的教训啊,苦苦折腾了许久,然后发现,真机上不存在此问题,真是……无话可说了!

记录下自己惨痛的经历,共大家共勉!谢谢!

=================================================

机调试时,浏览器不能跨域,手机是可以正常跨域的,把控制台 调到手机 就能正常看到跨域后的结果了

报出这种错误 都是在 “边改边看控制台”里显示的。

如果还是不行,就重连手机,重启基座APP试试。

以上是 血淋淋的教训—将Vue项目打包成app的跨域问题 的全部内容, 来源链接: utcz.com/z/376974.html

回到顶部