javascript - 使用history.push时如何重定向到另一个端口？

Question

我有一个使用端口3000的登录/注册应用程序和使用端口3001的to_do_list应用程序。登录/注册应用程序是在react中编写的，而to_do_list是在node.js中编写的。

我想从 localhost:3000/login 重定向到 localhost:3001/todolist (当我登录时，我想将用户重定向到使用其他端口的另一个页面)。

我的login.js 文件如下所示:

import React, { Component } from 'react'
import { login } from './UserFunctions'
class Login extends Component {
constructor() {
    super()
    this.state = {
        email: '',
        password: '',
        errors: {}
    }

    this.onChange = this.onChange.bind(this)
    this.onSubmit = this.onSubmit.bind(this)
}

onChange(e) {
    this.setState({ [e.target.name]: e.target.value })
}
onSubmit(e) {
    e.preventDefault()

    const user = {
        email: this.state.email,
        password: this.state.password
    }

    login(user).then(res => {
        if (res) {
            this.props.history.push(`/todolist`)
        }
    })
}

render() {
    return (
        <div className="container">
            <div className="row">
                <div className="col-md-6 mt-5 mx-auto">
                    <form noValidate onSubmit={this.onSubmit}>
                        <h1 className="h3 mb-3 font-weight-normal">Please sign in</h1>
                        <div className="form-group">
                            <label htmlFor="email">Email address</label>
                            <input
                                type="email"
                                className="form-control"
                                name="email"
                                placeholder="Enter email"
                                value={this.state.email}
                                onChange={this.onChange}
                            />
                        </div>
                        <div className="form-group">
                            <label htmlFor="password">Password</label>
                            <input
                                type="password"
                                className="form-control"
                                name="password"
                                placeholder="Password"
                                value={this.state.password}
                                onChange={this.onChange}
                            />
                        </div>
                        <button
                            type="submit"
                            className="btn btn-lg btn-primary btn-block"
                        >
                            Sign in
          </button>
                    </form>
                </div>
            </div>
        </div>
    )
}}export default Login

如何将用户从 localhost:3000/login 重定向到 localhost:3001/todolist ？

Answer 1

端口是定义源的一部分，因此您无法使用 history.push 更改它。如果你想改变它，你实际上必须从中加载一个新页面。