React 两种方法设置代理

2022/01/10 posted in  基础
Tags:  #React

方法一

在 package.json 添加 "proxy": "目标地址"
说明:

  1. 优点:配置简单,前端请求资源时可以不加任何前缀。
  2. 缺点:不能配置多个代理。
  3. 工作方式:上述方式配置代理, 当请求了不存在的资源时,那么该请求会转发给目标地址(优先匹配前端资源)

方法二

  1. 创建代理配置文件
    在 src 下创建 setupProxy.js 文件
    
  2. 在文件中编写规则

说明:

  1. 优点:可以配置多个代理,可以灵活的控制请求是否走代理。
  2. 缺点:配置繁琐,前端请求资源时必须加前缀。