vue错误总结

1 vue-cli3 一直运行 /sockjs-node/info?t= 解决方案

首先 sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。

如果你的项目没有用到 sockjs,vuecli3 运行 npm run serve 之后 network 里面一直调一个接口:http://localhost:8080/sockjs-node/info?t=1462183700002

解决方案
作为一个有节操的程序猿,实在不能忍受,特意自己研究了下源码,从根源上关闭这个调用

1.找到/node_modules/sockjs-client/dist/sockjs.js
2.找到代码的 1605行

  try {
      //  self.xhr.send(payload); 把这里注掉
      } catch (e) {
        self.emit('finish', 0, '');
        self._cleanup(false);
      }

3.刷新,搞定。
源文字 http://www.cnblogs.com/sichaoyun/p/10178080.html


2 form表单提交,

如果在checkForm里面不写post请求的话,点击会跳转一个页面

cannot post

表单中method="post"什么意思?

1 Get是用来从服务器上获得数据,
而Post是用来向服务器上传递数据。

2 Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;
Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。

不能用 ==
vue错误总结_第1张图片
https://blog.csdn.net/m18330808841/article/details/82502099


3 handler.call is not a function ,Error in created hook: “TypeError: handler.call is not a function”

vue错误总结_第2张图片
从报错的handlers[i].call 入手查找原因–这个错误是 调用相关的生命周期钩子函数引起来的错误

生命周期钩子函数—那么有了方向我们去找相应报错页面

查看你的页面相关 生命周期钩子函数 是否有 声明了未定义方法 或是 只声名了钩子函数:

例如如图(生命周期钩子请自查看官网API,图文只举例其中一个)
在这里插入图片描述
把钩子删除,或是把你定义的方法写完全了就可以了。


4[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the paren

vue错误总结_第3张图片
解决:props父组件传过来的值是不建议修改的,如果非要修改,可以在data里面重新赋值一个变量给他
参考: https://blog.csdn.net/qq_41009742/article/details/84316157
详细过程查看: https://blog.csdn.net/fengtingYan/article/details/88893772

你可能感兴趣的:(常见问题总结)