vue-问题
为什么要封装axiosjsopn的原理什么是跨域同源策略跨域方法
vue-cli中路由守卫方法有哪些组件内部路由独享全局路由守卫参数说明this说明
$router与 $route区别vue组件有哪些传参方式cookie sessionStorage localStorage 区别js文档注释有哪些格式什么是promise
为什么要封装axios
实现默认配置 如:baseURL,timeout…实现请求拦截:header添加(token、user)加载提示 数据进行格式化响应拦截:关闭加载提示,统一错误处理,响应数据格式化新增方法拓展:jsonp等
jsopn的原理
利用script标签src属性没有同源限制,与后端约定返回数据格式为 方法名(data) 前端有预制的方法获取data数据
什么是跨域
绕过浏览器的同源策略请求到数据
同源策略
当进行ajax请求时,请求的页面与服务器地址必须同源 协议一致(https) 端口号一致(如:8080) 域名一致(xxx.com) 子域名一致(www.)
跨域方法
以下请参考 跨域问题jsopn服务器响应头信息本地服务器代理 proxy
vue-cli中路由守卫方法有哪些
参考 vue-路由守卫
组件内部
beforeRouteEnter(to,from,next){}beforeRouteLeave(to,from,next){}beforeRouteUpdate(to,from,next){}
路由独享
beforeEnter(to,from,next){}
全局路由守卫
router.beforeEach((to,from,next)=>{})router.afterEach((to,from,next)=>{})
参数说明
to 要进入的路由from 从哪个路由进入next 下一步操作 next() next(false) next(true) next(url)
this说明
-在before路由守卫里没有this next(vm=>{vm是this})
$router与 $route区别
$route当前路由页面信息(存放信息) meta query params path name$router整个路由实例(存放方法)
vue组件有哪些传参方式
子传父 $emit父传子 props非父子
同一个根组件转发事件cookie sessionStorage localStorage 传递空vue实例的$on(接收事件) $emit(发送事件)vuex
cookie sessionStorage localStorage 区别
cookie
设置过期信息大小设置api操作复杂每次http请求都会发送到服务器端;服务器端也能设置cookie(后端与前端必备佳品)
localStorage
存储的数据会大写,不会被发送到后端api操作简单非主动清除不会过期
sessionStorage与 localStorage 区别 就是sessionStorage关闭浏览器会清空
js文档注释有哪些格式
什么是promise
是异步编程的一种解决方案。所谓Promise,它本身就是一个容器,里面保存着异步操作的结果他有三种状态,即:1.pending(进行中)、2.resolved(成功)、3.rejected(失败)。Promise.all() Promise.race()获取容器结果 .then() .catch()优点:1. 避免异步编程的回调函数嵌套 2. 结果是确定的