ReactJS - 在模式构建中重定向页面时出现 URL 问题

Question

我是 react 新手。 我使用 npm run-script build 在 wamp 服务器中部署了一个 react-app 位置是：http://localhost/react-app

我的登录网址是：http://localhost/react-app/#/login

登录后，我将页面重定向到'/' 这是代码：

<Redirect to={{ pathname: '/', state: { from: props.location } }} />

网址变为：http://localhost/#/ 但是我想要http://localhost/react-app/#/

最好的方法是什么？ 谢谢

Answer 1

阿尔法。 您可以像这样编写您的项目：

var projectName = "react-app"
import { browserHistory } from 'react-router';

<Router history={browserHistory}>
    <Redirect to={{ pathname: `/${projectName}/`, state: { from: props.location } }} />
</Router>

如果您需要更改项目名称，使用此模式很容易做到这一点。 我使用了我们称之为模板字符串或模板文字的东西，check here

顺便说一下，我通常会创建 api 文件夹，其中包含所有重要的后端配置以随时用作示例。

import api './../somefolder'
import { browserHistory } from 'react-router';

<Router history={browserHistory}>
    <Redirect to={{ pathname: `/${projectName}/`, state: { from: props.location } }} />
</Router>

你能试试这个并检查它是否有效吗？