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

 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试试。

转载于:https://www.cnblogs.com/tian-long/p/8710092.html

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

vue项目打包成app，在ios端iconfont 部分字体图标不显示
最近在用vue结合capacitor 写app的项目,痛苦真痛苦. 在xcode上打包成app之后,发现有些字体图片怎么改都显示不出来. 解决办法: 把引用的css url 加上https
html5打包成app不能拍照,vue项目打包成app无法使用input调用相机
问题描述:打包成app后使用input上传图片只能做到在文件夹中选取,不能实现拍照上传图片解决方案: 1.利用HTML5 Plus的Camera调用相机 2.利用HTML5 Plus的IO来实现读取 ...
通过cordova将vue项目打包成app
准备工作包括nodejs.cordova.AndroidStudio. 一.创建一个cordova工程 cordova create cordovaVue cd cordovaVue config.x ...
将Vue项目打包成App
首先将源码执行如下命令打包生成 dist 目录 npm run build 或 yarn build 然后打开 HbuilderX 创建 5+App 创建好之后,在你创建的项目下会生成 img,css ...
vue前后端分离项目打包成app,部署成移动端
将vue项目打包成app,在手机上运行. 1. vue打包 npm run build 先将vue的前端项目打包成dist文件夹 2. 安装hbuilderX Hbuilder官网地址 3. hbui ...
教你如何3分钟把VUE项目打包成apk，真的只要3分钟
前提准备使用vue-cli3搭建的项目工具 HBuilder X,他的图标长这个样子,点击下载做前端的大多数小伙伴们都应该知道,使用起来轻巧.急速,但是他主要是针对于VUE生态打造的,相对于 v ...
vue项目打包成exe可执行文件
Vue项目打包成exe可执行文件实现思路:从electron官网上拉取代码,把官网上拉取下来项目中的index.html替换成自己vue项目打包好的dist文件中的index.html,输入打包e ...
vue项目打包成.exe桌面应用
1.将vue项目打包成dist文件:npm run build:prod 2.新建文件夹,使用git下载(下载其中一种就行) gitee git clone https://gitee.com/wal ...
Hbuilder将vue项目打包为app（具体步骤和注意点）
Hbuilder将vue项目打包为app(具体步骤和注意点) 打包配置进行打包注意事项打包配置 1.打开Hbuider,点击左上角文件,点击新建,然后点击项目.项目类型要选择5+App,项目名称 ...

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

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

最新文章

热门文章