使用nginx的Reactjs没有给出404

问题描述

EDIT（8/20/2020）：仍在尝试找出解决此问题的方法。

当React应用中没有路由时，我正在尝试在Nginx中输出 404。对于我的React应用程序，我正在将浏览器路由器用于index.js，对于路由，我正在使用React Router dom。看起来像这样

    function App() {
   return (
      <div className="App">
         <h1>Main Page</h1>
         <Switch>
            <Route path="/dash" exact={true} component={SecondPage} />
         </Switch>
      </div>
   );
}

我的Nginx配置看起来像这样

    server {
    listen 80 default_server;
    listen [::]:80 default_server;

    index index.html;
    
    server_name _;

    root /var/www/myapp;    

    location / {
        root /var/www/myapp/build;
        try_files $uri /index.html =404;
    }
}

当我转到地址192.168.1.199时，所有功能均正常工作，但当您转到随机页面示例192.168.1.199/randompage时，它会输出没有太大意义的主要react应用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

nginx-location react-router-dom reactjs reactjs