前端开发——小白踩坑记

一、 前端请求一直处于pending状态

两个页面来回切换时前端请求一直处于pending状态，不能及时返回数据，最终造成请求阻塞，请求失败。

一开始以为是因为接口出了问题，但是用postman测试接口，一切正常，数据库也没问题，后面查了很多资料，有一篇文章给我提了醒可查看该文章，可能是某个请求花费了大量的时间，后来就发现原来我的前端一直没有图标，而每次在页面切换的时候，浏览器都会默认发送一个请求获取一次网页图标，这个不是前端业务逻辑主动调用的XHR请求，但对于后端来说也是一次GET请求。请求不到图标就会一直pending，所以顺着这个思路在中间件中加入如下这段代码，顺利解决。

app.get("*", function(req, res) {
  console.log(req.path)
  if (req.path === "/favicon.ico") {
    res.json({errcode:0, msg:''}); 
  }   
  throw new PathError();
});

二、表单v-model双向绑定数据后可能不会主动清空单前一次输入的数据

表单的输入框中进行v-model双向绑定数据后，再下一次加载这个表单时，data中绑定上次输入的数据不会主动清空，如下图
解决办法：写一个清空函数如：

   // 清空addfrom缓存
    clear () {
      this.addForm.cityid = ''
      this.addForm.cityname = ''
    },

其中addFrom是data中绑定的数据，在提交表单的时候调用这个函数即可，就会把绑定的数据清空，需要注意的是，即使不提交表单，但是填写过然后点击取消后，数据仍然被绑定到了addFrom中，所以在表单点击取消按钮时同样需要调用此函数进行清空。