javascript - 路由在实时服务器上不起作用，但在本地主机上起作用

Question

这段代码有什么问题。它可以在本地主机上运行，​​但不能在实时 Apache 服务器上运行。我已经在 json 包上指定了主页，并且还有一个 htaccess。它在实时服务器上仅是空白。

app.js:

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

import Login from './component/login/index'

function App() {
   return (
     <Router>
        <Switch>
          <Route exact path="/" component={Login} />
          <Route path='/login' component={Login} />
        </Switch>
     </Router>
  );
}

export default App;

组件index.js:

import React from 'react'
export default function Login(props) {

   return (
       <div>Login</div>
   )
}

htaccess:

     Options -MultiViews
     RewriteEngine On
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteRule ^ index.html [QSA,L]

依赖关系:

 "dependencies": {
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-router-dom": "^5.0.1",
     "react-scripts": "3.0.1",
  },

Answer 1

您可以将其添加到 htaccess 文件中，以将每个请求重定向到索引，但图像、CSS 和 JS 文件的请求除外

RewriteCond %{REQUEST_URI} !^/images [NC]
RewriteCond %{REQUEST_URI} !^/css [NC]
RewriteCond %{REQUEST_URI} !^/js [NC]
RewriteRule ^([^/]+)/?$ index.html [L]