react跨域解决（create-react-app项目通过）

最新推荐文章于 2023-10-17 11:13:29 发布

strive涛

最新推荐文章于 2023-10-17 11:13:29 发布

阅读量372

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/weixin_40402681/article/details/102607535

版权

react 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

1.安装 http-proxy-middleware

npm install http-proxy-middleware

2.在src目录下创建setupProxy.js,并加入以下代码

const proxy = require('http-proxy-middleware');
module.exports = function (app) {
    app.use(proxy('/api1', {
        target: "https://news.baidu.com/",
        pathRewrite: {'^/baidu': ''},
        changeOrigin: true
    }));
    app.use(proxy('/api2', {
        target: "https://www.fakin.cn/",
        pathRewrite: {'^/api': ''},
        changeOrigin: true
    }));
};

即可