webpack devserver的说明

一般我们在项目中 如果用webpack的话，基本都会用到webpack-dev-server,配置大致如下：

devServer={
		contentBase: basePath,
		historyApiFallback: true,
		hot: true,
		devtool: 'eval',
		host: '0.0.0.0',
		port: 3009,
		inline: true,
		noInfo: false,
		// proxy: {
		// 	'*': {
		// 		target: 'http://localhost:8088',
		// 		secure: false
		// 		// changeOrigin: true
		// 	}
		// }
	};

　　

如果用到代理的时候 会用proxy这个属性：

 proxy: {
   '*': {
	target: 'http://localhost:8088',
	secure: false
	 }
 }

　　这里表示访问 任何一个 页面都会启动代理，访问http://localhost:8088 的端口页面，有个同事在做 配置的时候 用法如下：

let proxyList = ['/user*', '/post*', '/categories*', '/upload*'];
let proxyObj = {};
proxyList.forEach(function(value) {
  proxyObj[value] = {
    target: 'http://localhost:3333',
    secure: false
  };
});

　　

说明只要访问的链接中含有 /categories, /post , /upload, /user  中的任何一个 都会启用代理访问 http://localhost:3333