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
  };
});

　　 webpack devserver的说明

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