Question

在此URL中，您可以看到以下问题：http://qconstruct.in/contact

这是来自代码沙箱的代码链接：https://codesandbox.io/s/upbeat-hypatia-3pre9 看来输出在代码沙箱中工作正常。但是我的托管网站在刷新其他路由页面后无法正常工作

我正在使用反应路由器引导程序

import { BrowserRouter as Router, Route, Switch  } from "react-router-dom";
import { LinkContainer } from 'react-router-bootstrap';
import { Navbar, Nav, NavItem } from 'react-bootstrap';

Answer 1

尝试在构建的根目录中添加.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>

Answer 2

此问题在服务器端。

请参阅此链接： https://tylermcginnis.com/react-router-cannot-get-url-refresh/

我的主机中有服务器服务器，因此我在网站的根路径中的“ .htaccess ”文件中添加了以下代码。

RewriteBase /
RewriteRule ^index\.html$ - [L]
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

有效！谢谢大家的帮助。

实时刷新后，我的React Bootstrap路由页面路径不起作用

2 个答案: