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的跨域問題