时间戳

首页 > 解决方案 > Vue.JS 连续发送请求 - Websocket

javascript - Vue.JS 连续发送请求 - Websocket

问题描述

我使用vue create project-name初始化了新的 vue.js 项目 当我打开网络选项卡时，我看到系统不断发送请求（而且速度如此之快），尽管页面和系统上没有任何变化。

查了之前创建的其他vue.js项目，没有出现这种情况。为什么会发生这种情况，它是否有害？

https://www.photobox.co.uk/my/photo/full?photo_id=501507732068

（我无法添加此图像，如果您编辑，我将不胜感激）

编辑：我也意识到当我改变一些东西时，通常 vue 会立即更新自己。现在它没有。当我刷新页面时，我可以看到之后的更改。

edit2：我尝试创建 2 个 vue.js 项目。您可以看到 package.json 文件。

  1. vue 创建项目名称-> 路由器和 vuex -> 历史是
  2. 重新安装 vue/cli -> vue 创建项目名称
{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "axios": "^0.18.0",
    "vue": "^2.5.17",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-service": "^3.2.0",
    "vue-template-compiler": "^2.5.17"
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

{
  "name": "my-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "vue": "^2.5.17"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.2.0",
    "@vue/cli-plugin-eslint": "^3.2.0",
    "@vue/cli-service": "^3.2.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.8.0",
    "eslint-plugin-vue": "^5.0.0-0",
    "vue-template-compiler": "^2.5.17"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

标签： javascriptvue.js

解决方案

如果它是一个 websocket，那并不奇怪。它将每 X 毫秒连续轮询一次。如果您使用类似的库，socket.io您将看到相同的行为。这是一个轮询架构。

推荐阅读