手脚架搭建问题汇总

1。axios未正确配置代理时，返回错误信息无法捕捉只提示跨域问题

当封装请求时axios.defaults.baseURL是直接的链接而没有使用代理时，遇到

axios.interceptors.request.use的token在后端校验失败时，进入error后会直接返回错误

Access to XMLHttpRequest at 'http://xxxx' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

这样的类似跨域的问题，但是其实后端已经做了CORS 并且允许跨域，后端返回了错误信息，而axios.interceptors.response.use只得到跨域错误提示并不能拿到真正的错误返回

 

2。在使用路由守卫时next造成了无限循环

vue-router的next()方法无参和有参时是不一样的

现在，算是大致理解了，当执行钩子函数时如果遇到next('/home')等时会中断当前导航，
比如当前导航是去/a,那么遇到next('/home')后就会把to.path改为/home，然后会重新触发这个离开的钩子，
注意：此时会重新触发执行这个钩子，而不是在这个钩子函数继续执行的，之前是一直没理解这里，
以为是执行next('/home')后就会直接跳到home页面呢，当重新触发后就会继续执行next('/home')所以会一直循环
。至于解决办法就是判断下，如果已经是/home了就next()。