如何在完成的构建工作中做出反应？

Question

我用新技术“react”重新优化了我的产品组合，但我在生产构建方面遇到了问题。我在反应中使用 BrowserRouting 来路由。当我在开发中调用它时效果很好，但是当我使用 npm run build 设置构建并部署它时，链接被破坏了。 我已经做了几个步骤来使链接再次工作，但没有任何效果。 有人有路由和部署的经验吗？试图修改 .htaccess 以重写 index.html 文件的路由，但是是的..

这是我的部分设置：

App.js

  <FadeIn><React.Fragment>
  <Router exact path=".">
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About}/>
      <Route path="/vita" component={Vita}/>
      <Route path="/references" component={References}/>
      <Route path="/demoreels" component={DemoReels}/>
    </Switch>
  </Router>
</React.Fragment></FadeIn>

header.js

      <div className="Linkbar"> 
          <a href='/about'>About</a> &nbsp;&nbsp;&nbsp;&nbsp;
          <a href="/vita">vita </a> &nbsp;&nbsp;&nbsp;&nbsp;
          <a href="/references">references </a> &nbsp;&nbsp;&nbsp;&nbsp;
          <a href="/demoreels">demo reels </a>
        </div>

谢谢！

Answer 1

您需要更改.htaccess 以将所有网址映射到index.html

这可能会有所帮助 https://www.andreasreiterer.at/fix-browserrouter-on-apache/

https://help.dreamhost.com/hc/en-us/articles/215747748-How-can-I-redirect-and-rewrite-my-URLs-with-an-htaccess-file-