localhost:3000 拒绝访问解决办法

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'