react-router@4 打包后 通过/a/b 访问报错

发布于 2022-09-07 20:30:54 字数 1721 浏览 14 评论 0

在开发环境中,通过/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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

守护在此方 2022-09-14 20:30:54

应该是打包生成的js路径是相对路径,多层路由的时候查找js路径出错了,打包生成的路径改成绝对路径试试

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文