javascript - 在自定义域上部署 React App 时出现 404 错误

Question

似乎我遵循了文档中的所有必要内容，但是当我进入 https://juliesong.me 时，它不断给出 404 错误:“这里没有 GitHub 页面” .
我通过 GoDaddy 获得了我的自定义域，并像这样配置了 DNS:


然后我改变了我的package.json要拥有的文件

"homepage": "https://www.juliesong.me",

在根目录中添加了一个 CNAME 文件，其中包含 www.juliesong.me
最后进入 GitHub 页面中的设置:


我搜索了我的问题，很多人说这可能与 React 路由器有关，所以我进行了编辑以包含一个基本名称:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { HashRouter as Router } from "react-router-dom";
import * as serviceWorker from './serviceWorker';

const routing = (
  <Router basename={process.env.PUBLIC_URL}>
    <App />
  </Router>
);

ReactDOM.render(routing, document.getElementById('root'));

这是我的 App.js:

import React, { Component } from 'react';
import {Route} from 'react-router-dom';
import { withRouter } from 'react-router'
import { GlobalStyles, } from "./util/GlobalStyles";

import Home from './containers/Home'


class App extends Component {

  render() {
    const home = () => <Home />

    return (
      <main>
        <GlobalStyles />
          <React.Fragment>
              <Route exact path="/" component={home} />
          </React.Fragment>
      </main>
    );
  }
}

export default withRouter(App);

如果有人可以在这个问题上提供帮助，那就太好了:)

Answer 1

试试这个
在构建文件夹中添加名为 .htaccess 的新文件
example of file
并将此代码添加到您的 .htaccess 文件中
the code