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

 devServer: {
    host: '192.168.1.58',
    port: 9999,
    historyApiFallback: true,
    noInfo: true,
    overlay: true,
    // 配置服代理務器
    
    proxy: {
      '/hydro/': {    // 只要指向/hydro/的請求，都會自動代理到下面的target的地址
            target: "http://192.168.1.180:8081",     //對方服務器地址
            // pathRewrite: {
            //   '^/hydrowebapp':'/'
            // },
            secure: false,
            changeOrigin:true
      },
    }
    
  },

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

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

 

 

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

最初使用谷歌瀏覽器做測試，

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

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

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

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

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

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

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

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

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