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

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

0 голосов
/ 28 мая 2018

Я развернул статический сайт в 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.почему это так ???может кто-нибудь помочь.

1 Ответ

0 голосов
/ 16 июня 2018

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

...