日常项目中那些无法直视的低级bug

1.变量声明赋值了没有将其return出去，导致不能调用拿不到值

export function login(data) {
    request({
    url:"/sys/login",
    method:"post",
    data
  })

}
TypeError: Cannot read properties of undefined (reading 'message')

2.拦截器官网复制过来不修改拿不到请求头

axios.interceptors.request.use(
  function(config) {
    // 在发送请求之前做些什么
    const token = store.state.user.token
    if (token) {
      // 设置到请求头上
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  function(error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

export default service

3.请求超时，因为请求方式get错误写成post

Uncaught (in promise) Error: timeout of 5000ms exceeded
    at createError (createError.js?2d83:16:1)
    at XMLHttpRequest.handleTimeout (xhr.js?b50d:77:1)
    

4.引用组件名与原名不一致，以后遇到这个报错多半是自己漏了点啥

5.在vue中不定义就打印或者调用

6.组件通信中传递的数据类型错误

7.使用了插槽，但是传参时书写不完整

8.路由一定要写对，否则找好久，next()写到{}里面去了

9.在使用$route.xx获取值的时候很容易写成$router

10.请求格式错误，也就是传的参数有误，接口文档要看清楚

待添加