血淋淋的教訓—將Vue項目打包成app的跨域問題

標籤：hang   vue   row   1.5   origin   手機   hbuilder   history   不能   

 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:true17       },18     }19     20   },

跨域問題，webpack配置的Proxy 伺服器，但只在開發環境中有效，npm run build 打包之後則失效，

webapp放在nginx伺服器下，nginx做了代理，則可以解決跨域問題

 

 

webapp改造移動app，使用 的是純HTML，使用HBuilder進行打包後真機測試，

最初使用Google瀏覽器做測試，

頁面報Access-Control-Allow-Origin跨域錯誤,於是開始各種跨域的解決方案，

最終發現app不存在跨域一說!

在瀏覽器中測試，$http請求報跨域的錯誤，但是app打包在真機上運行，是一點問題都沒有的……

血淋淋的教訓啊，苦苦折騰了許久，然後發現，真機上不存在此問題，真是……無話可說了！

記錄下自己慘痛的經曆，共大家共勉！謝謝！

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

機調試時，瀏覽器不能跨域，手機是可以正常跨域的，把控制台 調到手機 就能正常看到跨域後的結果了

報出這種錯誤 都是在 “邊改邊看控制台”裡顯示的。

如果還是不行，就重連手機，重啟基座APP試試。

血淋淋的教訓—將Vue項目打包成app的跨域問題