Nuxt的项目携带token访问服务器接口前端

前言：
在前后端项目中，nuxt.js项目访问后台接口需要携带token进行身份校验。
一、在nuxt.config.js中添加配置

文章图片

二、在plugins文件下增加axios.js配置文件，用于向请求中添加token
【Nuxt的项目携带token访问服务器接口】
文章图片

axios.js文件中内容

export default function({$axios,redirect}){ $axios.onRequest(config=>{ console.log("Making request to"+config.url) //从本地获取token let token = localStorage.getItem("token") //如果token不为空，将token放入请求中 if(token){ config.headers.authorization = token } return config }) //错误处理机制 $axios.onError(error => { const code = parseInt(error.response&&error.response.status) if(code===400){ redirect('/400') } }) }

三、总结