显示临时标头和待处理的请求

Question

我有一个 vue-resource 问题，导致 临时标头显示在 chrome 上，另一方面，使用 Jquery 工作没有任何问题

问题只发生在 chrome + vue-resource

复制链接

Chrome 57.0.2987 视窗 7

我没有安装 adblock 或 origin，即使在 chrome 上的访客模式下也会发生这种情况

使用 setInterval 的简单调用集

new Vue({

  el: '#main',

  data: {
    summary: null
  },
        methods: {
            updateSummary: function() {
      /*
                $.post( "summary.php", function( data ) {
                    if(typeof response.body.summary != 'undefined'){
                        this.summary = response.body.summary;
                    }
                });
        */
                this.$http.post('summary.php').then(function(response) {
                    if(typeof response.body.summary != 'undefined'){
                        this.summary = response.body.summary;
                    }
                });
            }
      },
        mounted: function () {
            this.updateSummary();

            setInterval(function () {
                this.updateSummary();
            }.bind(this), 2000);
        }
});

https://jsfiddle.net/7vo2s8z3/1/

重现步骤

通常会在我将页面打开几个小时时发生

预期什么？

提供内容的 200 代码响应

实际发生了什么？

我收到带有这些标头的请求

请求网址：http://127.0.0.1:8080/monitor/summary.php 推荐人政策：降级时无推荐人 请求标头

显示临时标题 接受：application/json, text/plain, / 内容类型：application/json;charset=utf-8 来源：http://127.0.0.1:8080 推荐人：http://127.0.0.1:8080/monitor/ 用户代理：Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36 X-Requested-With:XMLHttpRequest

查看 chrome://net-internals/#events 失败的原因是

85487: URL_REQUEST http://127.0.0.1:8080/monitor/summary.php 开始时间：2017-04-18 09:38:43.826

t=29028 [st= 0] +REQUEST_ALIVE [dt=24184] --> 优先级 = “中” --> url = "http://127.0.0.1:8080/monitor/summary.php" t=29029 [st=1] +DELEGATE_INFO [dt=24183] --> delegate_blocked_by = "RedirectToFileResourceHandler" t=53211 [st=24183] 取消 --> net_error = -2 (ERR_FAILED) t=53212 [st=24184] -REQUEST_ALIVE

Answer 1

我相信当实际请求未发送时会发生这种情况，通常是在您加载缓存资源时。

基本上，您向端口 8080 发送了一个 POST 请求，导致在检查器中看到“注意：显示临时标头”消息，然后似乎该请求被一起阻止了。

基于此，一种可能的解决方案是设置 nginx 以代理将请求从通常的 SSL 端口 443 传递到节点 SSL 端口 8080（节点必须在更高的端口上，因为它不能以 root 身份运行产品）。我猜 Chrome 不喜欢对非常规 SSL 端口的 SSL 请求，但我绝对同意他们的错误消息可能更具体。