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

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


我想从 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}

                            />


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


aluckdog
浏览 217回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript