webpack proxy配置无法跨域?

发布于 2022-09-05 19:48:27 字数 1298 浏览 15 评论 0

在获取rss,设置了三个源:ithome,36kr,ifanr,使用webpack-dev-server 的 proxy 配置跨域请求.

三个源的地址:
ithome
36kr
ifanr

可是ithome这个源总是因为不允许跨域请求错误,而单独请求另外两个没有问题:
图片描述

webpack中配置:

devServer: {
    proxy: {
        "/rss/ithome": {
            target: "https://www.ithome.com",
            changeOrigin: true,
            pathRewrite: {
                '^/rss/ithome': '/rss/'
            }
        },
        "/rss/36kr": {
            target: "http://36kr.com",
            changeOrigin: true,
            pathRewrite: {
                '^/rss/36kr': '/feed'
            }
        },
        "/rss/ifanr": {
            target: "http://www.ifanr.com",
            changeOrigin: true,
            pathRewrite: {
                '^/rss/ifanr': '/feed'
            }
        }
    }
}

React中action.js

const rssSource = [ 'ithome', '36kr', 'ifanr']
rssSource.map(source => {
    fetch(`/rss/${source}`)
    ...
})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

上课铃就是安魂曲 2022-09-12 19:48:27

已解决,这是个奇怪的问题!

webpack中配置:

devServer: {
    proxy: {
        "/fetch/ithome": {
            target: "https://www.ithome.com",
            changeOrigin: true,
            pathRewrite: {
                '^/fetch/ithome': '/rss/'
            }
        },
        "/fetch/36kr": {
            target: "http://36kr.com",
            changeOrigin: true,
            pathRewrite: {
                '^/fetch/36kr': '/feed'
            }
        },
        "/fetch/ifanr": {
            target: "http://www.ifanr.com",
            changeOrigin: true,
            pathRewrite: {
                '^/fetch/ifanr': '/feed'
            }
        }
    }

action:

const rssSource = [ 'ithome', '36kr', 'ifanr']
rssSource.map(source => {
    fetch(`/fetch/${source}`)
    ...
})
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文