React 设置跨域 setupProxy 导致项目访问不到

混世小萌羊

于 2025-05-01 19:04:39 发布

阅读量199

点赞数 2

CC 4.0 BY-SA版权

文章标签： react.js 前端前端框架

本文链接：https://blog.csdn.net/God_Father_kao/article/details/147654417

这个是一个配置写法错误，正确写法为

setupProxy.js

const { createProxyMiddleware } = require('http-proxy-middleware')
 
module.exports = function (app) {
    app.use(
        "/jian",
        createProxyMiddleware({
            target: 'https://www.jianshu.com/asimov',
			changeOrigin: true,
            ws: false,
			pathRewrite: { '^/jian': '' },
        })
    );

    app.use(
        "/zhi",
        createProxyMiddleware({
            target: 'https://news-at.zhihu.com/api/4',
			changeOrigin: true,
            ws: false,
			pathRewrite: { '^/zhi': '' },
        })
    );
}