React 配置代理setupProxy

最新推荐文章于 2024-07-12 16:42:03 发布

_七七

最新推荐文章于 2024-07-12 16:42:03 发布

阅读量637

点赞数

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_43472877/article/details/130575744

版权

React 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

文章目录

1、安装http-proxy-middleware
2、在src下面新建setupProxy.js文件
3、下载axios,使用代理请求

1、安装http-proxy-middleware

npm install http-proxy-middleware -D

2、在src下面新建setupProxy.js文件

在这里插入图片描述

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

// koa
module.exports = function (app) {
    // 没有太严谨,bike1  api2也可以
    app.use(/^\/bike|\/api/, createProxyMiddleware({
        target: 'http://1.116.64.64:5004/', 
        logLevel: 'debug',
        changeOrigin: true,
        "pathRewrite": {// 如果接口本身没有/api需要通过pathRewrite来重写了地址,这里把/api转成‘’
        "^/api": ""
      }
    }))
    // .use('/bike',
    //     createProxyMiddleware({
    //         target: 'http://1.116.64.64:5004/',
    //         logLevel: 'debug',
    //         changeOrigin: true
    //     }))
    
}