我正在使用 Webpack 编写 React 应用程序,而不是创建 React 应用程序。这是一个示例项目文件夹结构:
data
targetData.md
src
component
Text.js
container
App.js
index.js
index.html
我想从内容到阅读targetData.md
的Text.js
成分,但它似乎并不奏效,因为我得到一个Request failed with status code 404
部署到Github的页面后,在控制台中。我已经安装了 gh-pages,能够正确部署,并且除了我尝试从文件中读取的内容之外,所有内容都在呈现,使用以下代码无法正常工作:
axios.get('https://username.github.io/data/' + filename)
.then( response => {
this.setState({
...this.state,
data: response.data
});
})
.catch(function (error) {
console.log(error);
});
渲染它:
render() {
return(
<div>
{this.state.data? (<div className={styles.content}>{this.state.data}<div/>) : null}
</div>
)
}
当我在开发模式下使用相对路径时它可以工作,但是当我将它部署到 GitHub 页面时,我注意到找不到 404,所以我想如果我把域 URL 放在它应该工作,但它没有。axios.get(????)
部署到 GitHub 页面后,路径名应该是什么?