URL Reactjs не работает в браузере Safari, только в браузере Chrome в производственном режиме - Netlify

Question

Я развернул статический сайт в netlify, но маршруты, которые я определил в режиме разработки, работают только в браузерах Chrome, остальные браузеры возвращают 404 - страница не найдена.

import React, { Component } from 'react';
import { Navbar , NavItem } from 'react-materialize';
import { Link } from 'react-router-dom';
class NavBar extends Component {
  render() {
    return (
        <div>
            <Navbar brand='MT' right style={{backgroundColor:'#7f8fa6'}}>
            <NavItem  href="/" to="/">About Me</NavItem>
            <NavItem  href="/services" to="/services">My Services</NavItem>
            <NavItem href="/works" to="works">My Works</NavItem>
            <NavItem  href="/videos" to="videos">My Videos</NavItem>
            <NavItem href="/request" to="request">Request a Quote</NavItem>
             </Navbar>
      </div>
    )
  }
}
export default NavBar;

Это мой Netlify Url. https://mithilesh-tarkar.netlify.com/

Он открывается в браузере Chrome на мобильном телефоне и на ноутбуке. Но это не открывается на сафари и Firefox. почему это так??? может кто-нибудь помочь.

Answer 1

Страница индекса - это место, где реагирующий маршрутизатор может обрабатывать маршрутизацию, и я думаю, что эта проблема возникает, потому что, если вы как-то скажете "/ store", если вы не предпримете нижеприведенные шаги, это фактически направит вас к "/ store", а не к вашему. Я не уверен, что отреагировал на указание маршрута со страницы индекса, почему он работает в некоторых браузерах, а не в других. Хотелось бы знать.

Проверяя свой сайт (хороший сайт), вы, кажется, поняли это.

Но другие пользователи с такой же проблемой, посещающие эту страницу, могут попытаться создать файл в вашей общей папке с именем _redirects.

Затем внутри этого файла добавьте:

/ * /index.html 200

Более подробную информацию можно найти здесь: https://www.crookm.com/2018/02/one-page-app-routing-on-netlify.html

https://www.netlify.com/docs/redirects/