血淋淋的教训—将Vue项目打包成app的跨域问题
时间:2022-03-12 15:53
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试试。
相关推荐
- Android系统编程入门系列之界面Activity交互响应
- 新型横向移动工具原理分析、代码分析、优缺点以及检测方案
- uni-app滚动视图容器(scroll-view)之监听上拉事件
- uniapp h5,app两端复制文本
- Android系统编程入门系列之界面Activity响应丝滑的传统动画
- 【Azure 应用服务】App Service 配置 Application Settings 访问Storage Account得到 could not be resolved: '*.file.core.windows.net'的报错。没有解析成对应中国区 Storage Account地址 *.file.core.chinacloudapi.cn
- 诺基亚短信生成!太好玩了
- iOS 跳转App Store进行评分
- 开发一个即时通讯App
- 关闭苹果IOS app自动更新
电脑软件
本类排行
- 1关闭苹果IOS app自动更新
- 2iOS 跳转App Store进行评分
- 3诺基亚短信生成!太好玩了
- 4Android系统编程入门系列之界面Activity响应丝滑的传统动画
- 5uniapp h5,app两端复制文本
- 6uni-app滚动视图容器(scroll-view)之监听上拉事件
- 7新型横向移动工具原理分析、代码分析、优缺点以及检测方案
- 8Android系统编程入门系列之界面Activity交互响应
- 9开发一个即时通讯App
- 10【Azure 应用服务】App Service 配置 Application Settings 访问Storage Account得到 could not be resolved: '*.file.core.windows.net'的报错。没有解析成对应中国区 Storage Account地址 *.file.core.chinacloudapi.cn