Question

我有一条重定向到我的组件的路线

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 /

我被重定向到我所拥有的项目的主页面： SRC node_modules 的package.json webpack.config.js

然后我必须点击src去我的项目。

我不知道我哪里错了.. 我该如何解决？

Answer 1

检查 webpack.config.js ，确保在dev服务器中正确配置了基本目录。

...

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

...

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

React Router不会重定向到组件

1 个答案: