webpack开发devServer代理配置

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

webpack开发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的,
}
}
}
}
};
扫一扫,请老师喝水