Express: fetch 无法设置 cookie

Question

我使用下面的设置使用 express 设置 cookie。

app.use(require('cookie-parser')());
app.get('/a', function (req, res) {
    console.log(req.cookies);
    res.cookie('aaa', 'bbb');
    res.send('something');
});

app.post('/b', function (req, res) {
    console.log(req.cookies);
    res.cookie('ccc', 'ddd');
    res.send('something');
})

如果直接访问a，可以设置cookie。

<form method="POST" action="/bb">
    <label>name</label>
    <input type="submit" value="login" />
</form>
<div id='test'>fetch</div>
<script>
    var test = document.getElementById('test');
    test.onclick = function () {
        fetch('/b', {
            method: 'POST'
        }).then( (data) => {
            data.text().then(function(data) {console.log(data)});
        })
    }
</script>

如果点击提交，可以设置cookie， 但是如果点击测试，就不能设置cookie了。

为什么？

Answer 1

当使用fetch()时，你需要明确告诉它cookies应该随请求一起发送：

fetch('/b', { method : 'post', credentials : 'include' })

参考：MDN