从永远到永远-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、效果