vue开发小技巧（持续更新）

1.    .get获取到的是一个promise。为了简化promise操作我们使用async和await来简化操作.然后通过const来解构data,并将结果赋值给res，其中$http是配置好的数据请求地址（axios）如下:

　　async getMenuList(){

　　const {data:res} =  await this.$http.get('menus')

}

 

2.

// 挂载axios的拦截器，从而实现在数据请求之前进行数据的验证，保证拥有获取数据的权限

axios.interceptors.request.use(config=>{

  config.headers.Authorization = window.sessionStorage.getItem('token')

  return config

})

 

3.上传图片

使用element的upload组件上传图片时，需要在请求头部添加token请求