webpack-dev-server proxy代理问题

Question

背景

webpack开发模式本地url为http://localhost:8080
本地服务器为IIS，url为http://localhost:8081

问题描述

我现在要将开发中的请求代理到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': '' }
      }
    }
  },

首页中的测试发送请求代码

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

结果

测试中地址没有转换成http://localhost:8081/Card/DataHandler.ashx

Answer 1

问题解决了，另外我上面也写错了

pathRewrite: { '^api': '' }

应该是'^/api'

解决方案在这里