从永远到永远-SpringCloud项目实战（七）-前端框架NUXT（二）

1、下载axios

Nuxt框架本身没有，需要单独下载

npm install axios  

2、封装Axios

我们可以参考后台系统的前端，将axios操作封装起来
项目中创建utils文件夹，utils下创建request.js

import axios from 'axios'
// 创建axios实例
const service = axios.create({
  baseURL: 'http://localhost:8201', // api的base_url
  timeout: 20000 // 请求超时时间
})
export default service

3、应用

1、创建api文件夹，创建banner.js文件

import request from '@/utils/request'
export default {
    getListBanner(){
        return request({
            url:`/cms/bannerfront/getAllBanner`,
            method: 'get'
        })
    }
}

2、页面调用接口

3、页面显示

4、类似处理其他

5、效果