我有一个使用端口 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 ?
相关分类