使用参数响应路由"Cannot GET /"

Question

我是React的新手，正在尝试将参数与React dom路由器一起使用。但每次我试图用参数调用URL时，我总是得到"Cannot get/…"错误

这是我的index.js

import React from 'react';
import { BrowserRouter } from "react-router-dom";
import ReactDOM from 'react-dom';
import App from "./app";
ReactDOM.render(
<BrowserRouter>
<App/>
</BrowserRouter>,
document.getElementById('root')
);
if (module.hot) {
module.hot.accept();
}

这是我的app.js

import React, {Component, Fragment} from 'react';
import { BrowserRouter, Switch, Route, Link, useParams} from "react-router-dom"
import Profile from "./pages/Profile/Profile";
import About from "./pages/About/About";
const App = () => (
<Fragment>
<Switch>
<Route path="/:profile" component={Profile} />
<Route path="/" component={About} />
</Switch>
</Fragment>
);
export default App;

Answer 1

我通过在webpack配置中添加以下内容来解决这个问题：

devServer: {
historyApiFallback: true
}