webpack开发devServer代理配置

发表于 更新于 分类于

本文主要介绍如何使用 webpack-devServer 提供的代理服务解决跨域问题。

devServerdialing 配置

预备条件：

  1. 需要使用本地开发插件：webpack-dev-server。
  2. webpack 版本： 3.0 以上
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
module.exports = {
  //...
  devServer: {
    proxyTable: {
      "/api": {
        //将接口域名印射为/api
        target: "http://192.168.1.155:5005", // 接口域名
        secure: true, // 如果是https接口，需要配置这个参数
        changeOrigin: true, //是否跨域
        pathRewrite: {
          "^/api": "" //需要rewrite的,
        }
      }
    }
  }
};