React Router 不会重定向到组件答案

【问题标题】：React Router does not redirect to componentReact Router 不会重定向到组件
【发布时间】：2018-02-10 12:00:51
【问题描述】：

我有一个重定向到我的组件的路由

import React from 'react';
import ReactDOM from 'react-dom';

import {
    BrowserRouter as Router,
    Route, Switch
} from 'react-router-dom';
import { App } from './components/App/App.jsx'
import './style.css'

ReactDOM.render(
    <Router history={history}>
        <Switch>
            <Route exact path="/" component={App} />
        </Switch>
    </Router>,
    document.getElementById('root')
);

当我开始我的项目时：本地主机：8080/

我被重定向到我拥有的项目的主页：源代码节点模块包.json webpack.config.js

然后我必须点击 src 才能进入我的项目。

我看不出我哪里出错了.. 我该如何解决？

【问题讨论】：

标签： reactjs routes react-router switch-statement

【解决方案1】：

检查您的 webpack.config.js 并确保您已正确配置开发服务器中的基本目录。

...

devServer: {
  contentBase: path.join(__dirname, "dist"),
  compress: true,
  port: 8080
}

...

只需将文件夹名称 dist 替换为您项目的公用文件夹名称即可。

【讨论】：

我只得到：无法获取/无法加载资源：服务器响应状态为 404（未找到）这是我的 webpack 配置：entry:path.join(__dirname, './src /index.js')，输出：{ path: path.join(__dirname, 'dist'), filename: 'bundle.js' }, devServer: { contentBase: path.join(__dirname, "dist"), 压缩：真，端口：8080，historyApiFallback：真}
您在哪个文件夹中拥有 index.html？
好的，我添加了 contentBase: path.join(__dirname, './src')，它可以工作了。非常感谢:)