Реагирующий маршрутизатор выдает мне ошибку 404 на bluehost

#html #reactjs #jsx

#HTML #reactjs #jsx

Вопрос:

Здравствуйте, у меня есть проект, использующий маршрутизатор


Всякий раз, когда я нажимаю на блоги, это выдает мне ошибку 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;

  

Комментарии:

1. ошибка 404 означает, что страница не найдена, так что проблема почти в path, так каково значение ${process.env.PUBLIC_URL «/ Blogs»}?

2. @asmaa значение $ {process.env.PUBLIC_URL} является домашней страницей, а также я изменил его на «./ Blogs», но это не сработало

Ответ №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>