脚手架配置代理

方法一

"proxy":"http://localhost:5000"

• 优点：配置简单，前端请求资源时可以不加任何前缀
• 缺点：不能配置多个代理
• 工作方式： 上述方式配置代理，当请求了3000不存在的资源时，那么该请求就会转发给5000，优先匹配前端资源

方法二

1. 创建代理文件，在src下创建配置文件，src/setupProxy.js

const proxy=require('http-proxy-middleware')
module.exports=funciton(app){
app.use(
	proxy('api1',{
	target:'http://localhost:5000',
	changeOrigin:true,
	pathRewrite:{'^/api1':''}
	}),
	proxy('api2',{
	target:'http://localhost:5001',
	changeOrigin:true,
	pathRewrite:{'^/api2':''}
	})
)
}

• 优点：可以配置多个代理，可以灵活的控制请求是否走代理
• 缺点：配置繁琐，情断请求资源时必须加前缀