react-router@4 打包后 通过/a/b 访问报错
在开发环境中,通过/info/boss可以正常访问,但是打包后通过/info/boss访问不到,报错
main.5fc0fc94.js:1 Uncaught SyntaxError: Unexpected token
如果通过dispatch(push('/a/b') 还是可以正常访问的,刚开始接触React,麻烦大家指点一下,谢谢!
配置的路由代码如下:
<Provider store={store}>
<PersistGate persistor={persistor}>
<ConnectedRouter history={browserHistory}>
<Switch>
<Route path={'/football'} component={Football}/>
<Route path={'/button-sliding'} component={ButtonSliding}/>
<Route path={'/rectangular-loader'} component={RectangularLoader}/>
<Route path={'/diagonal-border'} component={DiagonalBorderEffects}/>
<Route path={'/mg3D-button'} component={MG3DButton}/>
<Route path={'/ss-toggle'} component={SSToggle}/>
<Route path={'/blue-dazzling-diamond'} component={BDDiamond}/>
{/*练习*/}
<Route path={'/login'} component={Login}/>
<Route path={'/register'} component={Index}/>
<Route path={'/info/boss'} component={BossInfo}/>
<Route path={'/info/genius'} component={GeniusInfo}/>
<Route path={'/test'} component={Dashboard}/>
</Switch>
</ConnectedRouter>
</PersistGate>
</Provider>
Nginx配置:
server {
listen 80;
autoindex on;
server_name t-cxp.test.com;
access_log E:/myinstall/nginx-1.10.2/logs/access.log combined;
location / {
root F:/workspace/nginx-root;
index index.html index.htm;
try_files $uri /index.html;
}
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
应该是打包生成的js路径是相对路径,多层路由的时候查找js路径出错了,打包生成的路径改成绝对路径试试