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

Я развернул статический сайт в 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;

Это мой URL-адрес Netlify. https://mithilesh-tarkar.netlify.com/

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


netlify reactjs react-router netlify-cms
person codemt    schedule 28.05.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Индексная страница — это место, где реагирующий маршрутизатор может обрабатывать маршрутизацию, и я думаю, что эта проблема возникает из-за того, что если вы каким-то образом направляете маршрут, чтобы сказать «/ 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/#history-pushstate-and-single-page-apps

person ZeFr    schedule 16.06.2018
comment
Спасибо за понимание, Зейн, кажется, я пытался создать файл _redirects, но не смог заставить его работать. Поэтому я искал другие альтернативы и немного изучил Heroku, документация heroku кажется довольно ясной в отношении реактивной маршрутизации (не в обиду netlify). они упомянули решение для неработающих URL-адресов - создав файл static.json. и у меня больше нет проблем с маршрутизацией. Я бы попробовал еще раз подход, который вы сказали, и свяжусь с вами. Благодарность :) - person codemt; 21.06.2018