Nuxt.js项目中做axios二次封装,api解耦

收藏

1.下载axios

npm install @nuxtjs/axios -S

2.在nuxt.config.js中引入

modules: [
    '@nuxtjs/proxy',
    '@nuxtjs/axios'
],

3. api解耦

3.1 配置: nuxt.config.js

plugins: [
    '~/plugins/axios',
    '~/api/xxx.js'
],

3.2 xxx.js中写入

export default ({$axios},inject)=>{
    inject('getFirstCategorys',()=>$axios({
        url:'/api/course/category/getFirstCategorys',
        method:'GET',
    }))
}

3.3 页面或者组件请求


async asyncData( app ){
    let res = await app.$getFirstCategorys();
    return {
        list:res.data.list
    }
}


评论(

您还未登录,请先去登录
表情
查看更多

相关作者

  • 获取点赞0
  • 文章阅读量133

相关文章

联系小鹿线

咨询老师

咨询老师

扫码下载APP