网站建设公司选择意见书,宁波教育平台网站建设,学校网站建设过程,新手如何做网站一、token的介绍
概念#xff1a;
访问权限的令牌#xff0c;本质上是一串字符串
创建#xff1a;
正确登录后#xff0c;由后端签发并返回
作用#xff1a;
判断是否有登录状态等#xff0c;控制访问权限
注意
前端只能判断token有无#xff0c;后端才能判断to…一、token的介绍
概念
访问权限的令牌本质上是一串字符串
创建
正确登录后由后端签发并返回
作用
判断是否有登录状态等控制访问权限
注意
前端只能判断token有无后端才能判断token的有效性
二、个人信息设置和axios请求拦截器
需求
设置用户昵称
语法
axios可以在headers选项传递请求头参数
问题
很多接口都需要携带token令牌字符串
解决
在请求拦截器统一设置公共headers选项
axos请求拦截器
发起请求之前触发的配置函数对请求参数进行额外配置 axios.interceptors.request.use(function (config){ const token location.getItem(‘token’) token config.headers.Authorization Bearer ${token} //在发送请求之前做些什么 return config },function (error){ //对请求错误做些什么 return Promise.reject(error) })
axos响应拦截器
响应回到then/catch之前触发的拦截函数对响应结果统一处理 例如身份验证失败统一判断处理 axios.interceptors.response.use(function (response) { // 2xx 范围内的状态码都会触发该函数。 // 对响应数据做点什么例如直接返回服务器的响应结果对象 const result response.data return result; }, function (error) { // 超出 2xx 范围的状态码都会触发该函数。 // 对响应错误做点什么例如统一对 401 身份验证失败情况做出处理 console.dir(error) //可选链式操作符 用于访问对象的属性 或调用方法时可以在链式表达式中处理可能为null或undefined的中间属性或方法避免抛出错误 if (error?.response?.status 401) { alert(‘身份验证失败请重新登录’) localStorage.clear() location.href ‘…/login/index.html’ } return Promise.reject(error); });
三、发布文章-富文本编辑器
目标
发布文章页富文本编辑器的集成
使用
wangEditor插件
步骤
参考文档
引入CSS定义样式定义HTML结构引入J5创建编辑器监听内容改变保存在隐藏文本域便于后期收集
