vue错误总结

最新推荐文章于 2023-09-19 10:30:20 发布

原创最新推荐文章于 2023-09-19 10:30:20 发布 · 849 阅读

CC 4.0 BY-SA版权

19 篇文章

订阅专栏

首先 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);
      }

<form  @submit="checkForm" method=post>

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

cannot post

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

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

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

在这里插入图片描述
从报错的handlers[i].call 入手查找原因–这个错误是调用相关的生命周期钩子函数引起来的错误

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

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

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

在这里插入图片描述
解决：props父组件传过来的值是不建议修改的，如果非要修改，可以在data里面重新赋值一个变量给他
参考： https://blog.youkuaiyun.com/qq_41009742/article/details/84316157
详细过程查看： https://blog.youkuaiyun.com/fengtingYan/article/details/88893772