ReactJS - 刷新页面总是将 URL 更改为 index.html

【问题标题】：ReactJS - Refreshing the page always changes URL to index.htmlReactJS - 刷新页面总是将 URL 更改为 index.html
【发布时间】：2019-10-21 16:33:13
【问题描述】：

当有人刷新页面时，我遇到了一个问题，其中 URL 将始终设置为 index.html。

我为 index.html 设置了一个路由来将用户发送到主页，但这是一个临时修复。当您刷新页面时，它应该只是将您带回该页面。

为什么它不能将用户带回页面，我该如何设置路由器才能做到这一点？

谢谢。

【问题讨论】：

您肯定需要添加更多详细信息，例如您的路由情况。

标签： javascript reactjs react-router

【解决方案1】：

import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import './App.css';
import User from './User';
import Home from './Home';


class App extends Component {
  render() {
    return (
      <div className="App">
        <Router>
          <div>
            <Switch>
              <Route exact path="/" component={Home} />
              <Route exact path="/user" component={User} />
            </Switch>
          </div>
        </Router>
      </div>
    );
  }
}

export default App;

这样，当您导航到用户页面时，即使您刷新它也会留在用户页面上。并确保您使用的是 react-router-dom https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom 请参阅此以了解更多信息。

【讨论】：