首页 新闻 会员 周边 捐助

react-router 属性exact 发布后失效

0
悬赏园豆:10 [待解决问题]

代码:
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
function Hello() {
return <div>hello</div>;
}
ReactDOM.render(
<Router>
<Switch>
<Route exact path="/" component={Hello} />
<Route component={App} />
</Switch>
</Router>,
document.getElementById("root")
);

本地调试,在浏览器中访问首页是可以显示hello的,如下图

但是npm run build后,访问就不行了,只能访问App,<Hello>访问不到,如下图

弦断有谁听的主页 弦断有谁听 | 初学一级 | 园豆:20
提问于:2018-11-22 19:10
< >
分享
所有回答(1)
0

我猜测:你配置的hello组件的路由是/
默认的App的组件的路由也是/
冲突了,在你的环境下,会匹配你的默认路由/,也就是hello
在npm run build,它就会找它的默认路由/,也就是App

你风致 | 园豆:2215 (老鸟四级) | 2018-11-23 15:20
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册