javascript - Express:为什么这个GET请求执行了两次？

Question

我有一些用 Jade 编写的代码，其中有一个链接。链接的目的地由 Jade 生成。单击链接时，我从控制台注意到 GET 请求被执行了两次。

Why is this? How can I fix this?

这是我的代码:

Jade 文件:

ul.media-list
    each paper in paperList
        div.panel.panel-default
            div.panel-body
                li.media
                    div.media-left.media-middle
                        a(href='/publication/view/#{paper.id}')
                            | Some image
                    div.media-body
                        div.btn-group(role='group')
                            //!!! When this link is being clicked, GET is executed twice !!!
                            a.btn.btn-default(href='/publication/view/#{paper.id}')
                                | View

控制台:

GET /publication/view/123 200 490ms - 5623
GET /publication/view/123 304 458ms - -

app.js:

var publication = require('./routes/publication');
app.use('/publication', publication);

publication.js:

var express = require('express');
var router = express.Router();

router.get('/view/:id', function (req, res) {
    var data;
    //Some database functions here
    //Just an example
    res.render('publication', {someData: data});
});

Answer 1

这只是一个假设，但看起来您的浏览器正在使用某种预测算法来预加载您的链接，甚至在您点击它们之前。 Google Chrome do such things .

Express.js 用 304 Not Modified 响应回答了第二个响应，这表明它是用有效的 ETag 发送的验证先前缓存的响应的值。

尝试在您的浏览器中禁用网络操作预测。以下是它在 Google Chrome 设置中的样子(Settings -> Show advanced settings...):

或者您可以在实际点击链接之前尝试验证第一个请求是否已发送，方法是将鼠标悬停在链接上而不是点击它。