create-react-app创建的react项目build后使用github pages后跨域设置失效

发布于 2022-09-07 20:01:45 字数 544 浏览 17 评论 0

package.json里这样设置,使用fetch请求,开发时没问题

"proxy": {
  "/api": {
    "target": "https://h5.ele.me",
    "changeOrigin": true,
    "pathRewrite": {
      "^/api": "/"
    }
  }
}
// 请求
fetch(`api/restapi/shopping/v3/hot_search_words?latitude=${a.latitude}&longitude=${a.longitude}`)

build 后使用 github pages 部署,请求出错,下面红框里的那段应该是上面的 target,所以请求失败了,这种情况该如何修改呢,不能的话有别的方法预览项目吗

clipboard.png

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

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

发布评论

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

评论(1

灯角 2022-09-14 20:01:45

新建一个nginx配置文件gihtubpage.conf

server {
    listen 80 default_server;
    listen [::]:80 ipv6only=on default_server;
    location /api/ {
        proxy_pass https://h5.ele.me/;
    }
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文