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

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

阅读 2.7k
1 个回答

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

server {
    listen 80 default_server;
    listen [::]:80 ipv6only=on default_server;
    location /api/ {
        proxy_pass https://h5.ele.me/;
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题