react配置跨域代理方法
方式1:仅配置一个代理
- 1.在package.json文件中末尾添加请求服务器端口:“http://localhost:5000”
2.重启即可- 说明:
1.优点:配置简单,前端请求资源时可以不加任何前缀。
2.缺点:不能配置多个代理。
工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)
方式2:配置多个代理
- 1.第一步:创建代理配置文件
2.在src
文件夹中新建setupProxy.js文件,编写以下代码:- 3.编写setupProxy.js配置具体代理规则:
- 2.重启:
报错问题
:localhost:3000 拒绝访问,原因是版本低
解决如下:
react中配置setupProxy.js后localhost拒绝访问的问题
//低版本配置代码
const proxy = require('http-proxy-middleware')
module.exports = function(app){
app.use(
proxy('/api'