Question

该路由在本地运行正常。但是，除了本地路由正在工作之外，它在构建后不起作用，但是它给出的两条路由404未找到结果。登录和注册组件是不连接任何API或服务器的纯格式，而home组件只是返回的纯文本信息。我是新来的要回应的人，所以我不知道为什么不进行构建而是完全进行开发。

我尝试在serve build localhost：5000上运行这两者，然后将其上传到服务器，但也无法正常工作。

import React, { Component } from 'react';
import {
   Route,
   Switch,
   BrowserRouter as Router
 } from 'react-router-dom';

import LoginComponent from './component/login/login'
import RegisterComponent from './component/registration/register'

import Home from './component/dashboard/template/home'



 const NoMatch = ({location}) =>(
    <div>
      <h3>No Match for {location.pathname}</h3>
    </div>
 )

class App extends Component {

 render() {
     return (
        <Router>
           <Switch>
             <Route exact path='/' component={Home} />
             <Route path='/login' component={LoginComponent} />
             <Route path='/register' component={RegisterComponent} />
             <Route component={NoMatch} />
           </Switch>
        </Router>
     );
   }
}

export default App;

Answer 1

这很可能与服务器的设置有关。当访问页面/login时，服务器正在根目录中查找名为/login的文件。您需要在index.html

上配置服务器的单个入口点

在Apache中，可以在.htaaccess或nginx中进行配置，您可以使用重写

构建后找不到路由网址

1 个答案: