nuxt笔记

1.Axios

设置基地址 
// nuxt.config.js 
axios: {
    baseURL: 'xxxx'
  }

拦截器
~/plugins/axios.js
export default function({$axios}){
    $axios.onRequest(config => {      
    	//请求前
    })    
    $axios.onResponse(response => {          
    // 请求后
    })    
    $axios.onError(error => {       //请求失败 
    	const code = parseInt(error.response && error.response.status)      
    	console.log(code)      
    	if(code != 200){          
    		console.log(code)               
    	 }    
    })
}
注册
  plugins: [
    "~/plugins/axios"
  ],

2.中间件

~/middleware/auto.js
export default function(context){
    console.log('xxx');
}
全局使用
nuxt.config.js 
module.exports = {
  router: {
    middleware: 'auto'
  }
}
单页面/布局
export default {
  middleware: 'auto'
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注