React Router 在 bluehost 上给了我 404 错误答案

【问题标题】：React Router gives me 404 error on bluehostReact Router 在 bluehost 上给了我 404 错误
【发布时间】：2021-01-02 05:05:55
【问题描述】：

您好，我有一个正在使用路由器的项目

每当我点击博客时，它都会给我 404 错误

这是我的 app.js 代码

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

import Blogs from "../src/Components/Blogs";

function App() {
  return (
    
      <Router>
        <Switch>
          
          <Route exact path={`${process.env.PUBLIC_URL + "/Blogs"}`} component={Blogs} />

        </Switch>
      </Router>
    
  );
}

export default App;

【问题讨论】：

404错误表示没有找到页面，所以问题几乎在路径上，那么${process.env.PUBLIC_URL + "/Blogs"}的值是多少？
@asmaa ${process.env.PUBLIC_URL} 的值是主页，我也将其更改为“./Blogs”，但它不起作用

标签： html reactjs jsx

【解决方案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>

【讨论】：