时间戳

首页 > 解决方案 > 为什么部署后无法在 github 页面上正确加载文件 resumeData.json？

jquery - 为什么部署后无法在 github 页面上正确加载文件 resumeData.json？

问题描述

所以我按照本教程将这个个人网站模板部署到 github 页面。我的个人页面在这里托管：

https://samuelstentz.github.io/react-resume-sam/

master 分支显示了我运行 npm run deploy 的源代码。（https://github.com/SamuelStentz/react-resume-sam）

但是由于某种原因，public/resumeData.json 中的所有信息似乎都没有加载。如果我使用 npm start 在本地运行它，所有这些信息都会显示出来。不知道为什么。我摆弄了这个 url 的路径，它在 App.js 中用 jquery 加载 resumeData.json 并且它没有改变任何东西。我运行 npm run deploy 添加到 github 页面。

getResumeData(){
$.ajax({
  url:'/resumeData.json',
  dataType:'json',
  cache: false,
  success: function(data){
    this.setState({resumeData: data});
  }.bind(this),
  error: function(xhr, status, err){
    console.log(err);
    alert(err);
  }
});

}

有没有人有任何故障排除提示？谢谢。

标签： jqueryreactjsnpmgithub-pagesnpm-start

解决方案

根据此处的建议，我可以通过将 ajax url 更改为 /{reponame}/resumeData.json 来解决此问题：https ://github.com/gitname/react-gh-pages/issues/9

推荐阅读