我正在构建电影应用程序,用create-react-app初始化。我正在使用react-router@5
。我得到404错误时,在生产(在Litespeed Web服务器)路由URL,但它在本地机器上的工作。
示例URL:
www.example.com/tv/detail/131959
我正在研究这个问题,发现了.htaccess
文件配置,但配置为apache或tomcat,我使用litespeed Web服务器。
AppRouter.js
const AppRouter = () => {
return (
<BrowserRouter >
<Navbar />
<ScrollToTop />
<Switch>
<Route exact path="/" component={App} />
<Route exact path="/:type/detail/:id" component={DetailPage} />
</Switch>
</BrowserRouter>
)
};
如需查看,请访问github repo:https://github.com/egecanyldrm/movie_app
.htaccess配置
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>
1条答案
按热度按时间f1tvaqid1#
使用以下脚本更新.htaccess
我使用的是LiteSpeed,它很好用