vue语法、跨域报错等问题集合

前言

记录vue报错问题，不断更新！

一、Eslint报错

1.加入如下注解：/* eslint-disable */
2.编译器搜索eslint 选择 disable

3.注释package.json里的配置：

  "eslintConfig": {
     "root": true,此项是用来告诉eslint找当前配置文件不能往父级查找
     "env": {
       "node": true//此项指定环境的全局变量，下面的配置指定为node环境
     },
     "extends": [// 此项是用来配置vue.js风格，就是说写代码的时候要规范的写，如果你使用vs-code我觉得应该可以避免出错
       "plugin:vue/essential",
       "@vue/standard"
     ],
     "rules": {//规则配置写在这里
       "indent": [1, 4]
     },
     "parserOptions": {
       "parser": "babel-eslint"//此项是用来指定eslint解析器的，解析器必须符合规则，babel-eslint解析器是对babel解析器的包装使其与ESLint解析
     }
   },

4.vue.config.js以下三项设置为false

   moudle.exports = {
        devServer: {
            overlay: {
                warnings: false,
                errors: false
            },
      
        },
        lintOnSave: false
    }
 
 

二、jquery使用报错

第一步下载： npm install jquery --save
第二步在webpack.base.conf中添加

# 这在全局中添加
const webpack = require('webpack')
# 下列在moudle export中添加
plugins: [
           new webpack.ProvidePlugin({
             $:"jquery",
             jQuery:"jquery",
            "windows.jQuery":"jquery"
            })

          ],

第三步在需要使用的vue中引入，在main.js中引入

import $ from 'jquery'

Vue.prototype.$ = $
Vue.config.productionTip = false

三、Vue\axios跨域问题

报错：Access to XMLHttpRequest at 'http://localhost:5000/tem_query' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

网上都说要在根目录下新建vue.config.js，再写入配置：

于是我新建，写入配置并不起效，查阅资料，在config=》index.js中配置起效，加入这段

// 配置跨域
      '/api': {
        target: `http://localhost:5000`, //请求后台接口
        changeOrigin: true, // 允许跨域
        pathRewrite: {
          '^/api': '' // 重写请求
        }
      }

这里的 /api == http://localhost:5000 tem_query是对后台请求的参数

成功，记录下：

四、Broadcasting: #disconnect, Data: parse error

这是因为前端的问题，我目前遇到的是在js文件中写了未定义的参数，因此websocket报错，无法正常连接，总是不断重复连接。