鍍金池/ 問答/HTML/ webpack-dev-server proxy代理問題

webpack-dev-server proxy代理問題

背景

webpack開發(fā)模式本地url為http://localhost:8080
本地服務器為IIS，url為http://localhost:8081

問題描述

我現(xiàn)在要將開發(fā)中的請求代理到IIS服務器中http://localhost:8081/Card/DataHandler.ashx,
但是我設置代理后請求的地址并沒有變，還在8080端口

代碼

devServer配置

 devServer: {
    historyApiFallback: true,
    noInfo: true,
    overlay: true,
    proxy: {
      '/api': {
        target: 'http://localhost:8081',
        changeOrigin: true,
        secure: false,
        pathRewrite: { '^api': '' }
      }
    }
  },

首頁中的測試發(fā)送請求代碼

mounted() {
    fetch('/api/Card/DataHandler.ashx)
  },

結(jié)果

clipboard.png

測試中地址沒有轉(zhuǎn)換成http://localhost:8081/Card/DataHandler.ashx

回答
編輯回答
情未了

問題解決了，另外我上面也寫錯了

pathRewrite: { '^api': '' }

應該是'^/api'

解決方案在這里

2018年7月28日 08:07