奇怪的bug:解決 vue-cli中 proxyTable 配置無效

weixin_34146805發表於2017-09-12

問題起源於最近打算用vue寫個單頁應用-知乎日報,因為知乎日報的api比較成熟,而且自己也是知乎日報的重度使用者。在本地開發過程中用 vue-cli的 proTable來轉發請求,解決跨越問題,按照文件配置如下:

  proxyTable: {
        '/api':{
        target:'http://xxxx.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    }

可是自己怎麼嘗試也無效,搜尋了各種辦法還是無效,最終想到了終極大法:重啟電腦,結果好了,真是奇怪啊。
配上自己的錯誤日誌:

6359034-16adf57dbe4cb001.png
58a226c28fac09a07fa19274676d073.png
6359034-f2cde8e37f961f12.png
bb45c0b07cf32ce54750e21a0e82636.png
6359034-09cdb88ad37bf685.png
cea17acc3c0719991cdabf6f0f3b8a7.png
6359034-00c621bdd7680132.png
e7fd9ef6f8c149a886157c12bf86c0e.png

附上自己搜到的關於 vue-cli 中 proxyTable 無效的幾個排查方向:

  • proxTabtle 配置錯誤,比如:pathRewrite中配置 和自己網路請求中url寫法不匹配
  • 電腦開著全域性代理翻牆
  • 刪掉node_modules 目錄,重新 npm install 安裝
  • 重啟電腦

相關文章