使用React Router设置基本名称

时间:2019-03-17 14:37:24

标签: reactjs react-router

我正在使用反应路由器,其中,我正在使用 hashRouter 。现在,我必须在我的网站的子目录中部署我的React应用。因此,我做到了:

1)在package.json文件中添加了主页参数
2)添加了<HashRouter basename={process.env.PUBLIC_URL}>

现在,当我访问我的网站URL localhost/react时,我将被重定向到http://localhost/#/react/apps/

但是我希望将其重定向到http://localhost/react/#/apps/

注意:我必须部署React生产版本。

我的生产构建结构:

--- static
--- asset-manifest.json
--- index.html
--- manifest.json
--- service-worker.js

请帮助我,我该如何实现?预先感谢您的宝贵时间和答复。

1 个答案:

答案 0 :(得分:0)

如果您查看基本名称的文档,它会将字符串附加在哈希符号后面:

https://reacttraining.com/react-router/web/api/HashRouter/basename-string

如果您删除了基名,并且从/ reactapp提供了index.html,则它可能会起作用。