У меня проблема с response-router-dom, NoMatch не принимает URL, например / foo / bar - PullRequest
Новая
       38

У меня проблема с response-router-dom, NoMatch не принимает URL, например / foo / bar

0 голосов
/ 30 июня 2019

Я использую классическую конфигурацию с React, Redux и React-router-dom.Все отлично работает в dev.и производственный режим (локальный хост и производственный сервер).У меня просто проблема с процессом NoMatch.

  • / good-path, он работает
  • / неправильный путь, он работает и показывает компонент NoMatch
  • / неправильно/ путь показывает белую страницу (статус 404 в сетевой консоли с неправильным URL-адресом www.myWebsite.com/wrong/path)

Я использую: - реагировать 16.8.4 - реагировать на 16,8.4 - response-redux 6.0.1 - response-router-dom 5.0.1 - redux 4.0.1

Это пример моей конфигурации: 

<Provider store={store}>
  <Router>
    <div>

      <NavLink exact to="/">Home</NavLink>

      <NavLink exact to="/contact">Contact</NavLink>

      <Switch>
        <Route path="/" exact component={Home} />
        <Route path="/contact" component={Contact} />
        <Route component={NoMatch} />
      </Switch>

    </div>
  </Router>
</Provider>

Все работает правильно, но я ожидаю, что компонент NoMatch будет отображаться для этого типа неправильного пути: / неправильный / путь (несколько слеш URL).В этом случае index.html загружен, но я не могу получить доступ к ресурсам, таким как app.js, у меня ошибка сети 404 с таким URL-адресом www.myWebsite.com/wrong/app.js

Спасибо за вашу помощь.

1 Ответ

0 голосов
/ 01 июля 2019

Друг, помогите мне в этом квесте.Я нашел ответ в конфиге Webpack.

Мне нужна еще одна деталь в настройке вывода, у меня был publicPath: "/": 

// Set the output
  output: {
    // Path for the file
    path: path.resolve(__dirname, 'dist'),
    // Name for the output file
    filename: "app.js",
    //
    publicPath:"/"
  },

Спасибо моему другу Жоржу и этому сообщению: https://stackoverflow.com/a/39278576/9945698

...