webpack 反向代理 配置文件

文：非凡主力著

根目录下运行一下命令：

cnpm init

–enter

cnpm install webpack -D

cnpm install webpack-dev-server -D

根目录（package.json 同级）下新建：

webpack.config.js ——>

//webpack配置文件
module.exports = {
//入口文件的配置项（不引报错）
entry: './src/scripts/help_center.js', //以当前位置引入
//出口文件配置项
output: {

},
//配置webpack开发服务功能
devServer: {
host: 'localhost',
port: 9000,
//服务器代理配置项
proxy: {
'/help':{
target:'http://10.153.29.39:9036',
secure:true,
changeOrigin:true
/*
//不显示/help
pathRewrite: {
'^/help': ''
}
*/
}
}
}
}

启动时如果报错检查：

package.json——>

{
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
//这里添加 dev:才能运行命令
"dev": "webpack-dev-server"
},
"devDependencies": {
"webpack": "^3.8.1",
"webpack-dev-server": "^2.5.0"
}
}

运行命令：npm run dev

文：非凡主力著