create react app构建, build之后接口报404?

发布于 2022-09-07 20:42:07 字数 1490 浏览 12 评论 0

1.我使用的搭建环境是 create react app,想做的事情是请求豆瓣api,但是因为跨域,配置了proxy,并且为了部署到github page上,package.json也配置了相应的homepage.
本地运行时候没有问题,但是build部署到线上就报错:

Failed to load resource: the server responded with a status of 404 ()

我的package.json:

{
  "name": "imovie",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-scripts": "1.1.4",
    "antd-mobile": "^2.2.2"
  },
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "devDependencies": {
    "axios": "^0.18.0",
    "babel-plugin-import": "^1.8.0",
    "css-loader": "^1.0.0",
    "less": "^3.8.1",
    "less-loader": "^4.1.0",
    "qs": "^6.5.2",
    "react-app-rewired": "^1.5.2",
    "style-loader": "^0.22.0"
  },
  "proxy": "https://api.douban.com",
  "homepage": "https://lawlietze.github.io/testServer"
}

我的请求部分:

    componentDidMount(){
        let _This = this;
        axios.get('/v2/movie/in_theaters')
        .then(function (response) {
            console.log(response);
            _This.setState({ result: response.data.subjects });
        })
        .catch(function (error) {
        console.log(error);
        });
    }

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

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

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

发布评论

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

评论(2

迷离° 2022-09-14 20:42:07

你看一下控制台有没有请求到真的豆瓣的接口不就好了嘛

情独悲 2022-09-14 20:42:07

开发的时候配置了proxy可以代理,打包后也需要配置proxy代理,比如使用nginx

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文