react 配置代理proxy

最新推荐文章于 2024-07-25 18:52:28 发布

超甜小布丁

最新推荐文章于 2024-07-25 18:52:28 发布

阅读量201

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/bu0627/article/details/116495671

版权

react proxy

React 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一：在package.json中增加代码（只能配置一个）

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

二：在src文件夹新增setupProxy.js

const { createProxyMiddleware } = require('http-proxy-middleware')

module.exports = function (app) {
  app.use(createProxyMiddleware('/api1', {
    target: 'http://localhost:5000',
    secure: false,
    changeOrigin: true,
    pathRewrite: {"^/api1": ""}
  }))
  app.use(createProxyMiddleware('/api2', {
    target: 'http://localhost:5001',
    secure: false,
    changeOrigin: true,
    pathRewrite: {"^/api2": ""}
  }))
}