方法一：
在package.json中追如下配置
"proxy":"http://localhost:5000"
说明：
1、优点：配置简单，前端请求资源可以不加任何前缀
2、缺点：不能配置多个代理
3、工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000（优先匹配前端资源）
方法二：
1、第一步：安装依赖 http-proxy-middleware(要注意版本号哦😯)
npm install http-proxy-middleware
2、第二步：创建代理配置文件
在src下创建配置文件：src/setupProxy.js
2、编写setupProxy.js配置具体代理规则：
// 一定要注意「http-proxy-middleware」的版本号，否则会导致项目启动失败
const proxy = require('http-proxy-middleware')
module.exports = function(app){
app.use(
// http-proxy-middleware 版本2.x.x一下
proxy('/api1',{
target:'http:localhost:5000',
changeOrigin:true,
pathRewrite:{'^/api1':''}
}),
// http-proxy-middleware 版本2.x.x及以上
proxy.createProxyMiddleware('/api2',{
target:'http:localhost:5001',
changeOrigin:true,
pathRewrite:{'^/api2':''}
}),
)
}
服务器接口地址：http:localhost:5000/students
前端请求地址：http:localhost:3000/api1/students
服务器接口地址：http:localhost:5001/cars
前端请求地址：http:localhost:3000/api2/cars
说明：
1、优点：可以配置多个代理，可以灵活的控制请求是否走代理
2、缺点：配置繁琐，前端请求资源时必须加前缀
image.png
