Question

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

我的登录URL为：http://localhost/react-app/#/login

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

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

URL变为：http://localhost/#/ 但我想拥有http://localhost/react-app/#/

做到这一点的最佳方法是什么？谢谢

Answer 1

ALFA。您可以这样编码您的项目：

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

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

如果您需要更改projectName，则使用此模式很容易。我使用了一些我们称为模板字符串或模板文字的东西，check here

顺便说一句，我通常创建api文件夹，该文件夹具有所有重要的后端配置，可以随时用作示例。

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

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

您可以尝试一下并检查其是否有效吗？

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

1 个答案: