小编Roy*_*sef的帖子

我对 react 和 webpack 还很陌生，我正在尝试使用 react-router-dom 在我的 web 应用程序中进行路由。

但是发生了一些奇怪的事情，当我将组件的路径定义为 '/:guid' 时一切正常，但是如果我将其设置为 '/users/:guid' 刷新页面时我会得到一个空白页面。

我读了一些帖子，说要向我的 webpack.config.js 添加“publicPath”和“historyApiFallback: true”，但由于某种原因它仍然不起作用。虽然，在添加它之前，我收到了“无法获取 url”的错误。

路由器.js：

import React from 'react';
import {BrowserRouter, Route, Switch} from 'react-router-dom';
import UserInfo from '../Containers/UserInfo/UserInfo';
import Main from './Main/Main';

const Router = () => {
  return (
    <BrowserRouter>
      <Switch>
        <Route exact path='/' component={Main} />
        <Route path='/users/:guid' component={UserInfo} />
      </Switch>
    </BrowserRouter>
  );
};

export default Router;

webpack.config.js：

const path = require('path');

const DIST_DIR = path.resolve(__dirname, 'dist');
const SRC_DIR = path.resolve(__dirname, 'src');

const …