我的node.js服务器正在使用express-session进行身份验证。
const express = require('express')
const session = require('express-session')
const app = express()
app.use(function (req, res, next) {
res.header("Access-Control-Allow-Origin", "http://192.168.1.24:3000");
res.header("Access-Control-Allow-Credentials", 'true')
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
})
app.use(session({ secret: 'neverGotWhatShouldBeHere', resave: false, saveUninitialized: false }))
app.get('/login', (req, res) => {
req.session.userAuth = "some data"
req.session.cookie.maxAge = 10 * 1000
res.send({ prob: 'no' })
})
app.get('/restricted', (req, res) => {
if (req.session.userAuth == "some data")
res.send({ prob: 'no', data: 'top secret confidential data' })
else
res.send({ prob: 'log in to see data' })
})
app.listen(3000, () => console.log(`Example app listening at http://localhost:3000`))
当我从浏览器访问时,所有事情都很顺利。我可以看到cookie,并在10秒后消失,这迫使我再次登录。
然后我使用create-react-app创建了一个React应用程序。
App.js:
import React, { Component } from 'react';
import './App.css';
class App extends Component {
remoteLogin = () => {
fetch('http://192.168.1.25/login', { credentials: 'include' }).then((response) => {
return response.json().then((jsonResponse) => {
console.log(jsonResponse)
}).catch((err) => {
console.log("Error: " + err)
})
})
}
render() {
return (
<div className="App">
<button onClick={this.remoteLogin} >Log in</button>
</div>
)
}
}
export default App;
当我点击按钮时,可以从服务器看到JSON数据,但是我没有得到cookie。
在React应用程序中,如何获取cookie?