create-react-app设置proxy管理接口

皮卡丘UP

于 2020-01-15 01:34:34 发布

阅读量1.1k

点赞数

分类专栏：笔记

原文链接：https://blog.youkuaiyun.com/xiaoyao9524/article/details/85236550

版权

笔记专栏收录该内容

42 篇文章

订阅专栏

本文介绍如何使用http-proxy-middleware在项目中配置代理，通过在'src'目录下创建'setupProxy.js'文件并设置代理目标，实现跨域请求。具体步骤包括安装http-proxy-middleware，编写代理配置代码，以及在组件中发起对代理URL的请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装http-proxy-middleware:

yarn add http-proxy-middleware

2、在'src'目录下新建'setupProxy.js'并写入：

const proxy = require('http-proxy-middleware')

module.exports = function (app) {
    app.use(proxy('/api/*', {
        target: ' https://easy-mock.com/mock/5ca61b139e68632dac83b143/example',
        changeOrigin: true,
    }))
}

3、重新启动服务，在测试组件中加入类似url：

request({
            url:'/api/mock',
            method: 'GET',
            success: (res) => {
               console.log('res',res)
            }
        });