1、前端准备工作
使用命令,下载axios依赖
# 命令
npm install axios
2、封装axios
创建utils文件夹,utils下创建request.js文件
import axios from 'axios'
// 创建axios实例
const service = axios.create({
baseURL: 'http://localhost:9001', // api的base_url
timeout: 20000 // 请求超时时间
})
export default service
3、首页banner数据显示
创建api文件夹,在api文件夹创建js文件,定义调用接口路径
import request from '@/utils/request'
export default {
//查询前两条banner数据
getListBanner() {
return request ({
url:'/educms/bannerfront/getAllBanner',
method:'get'
})
}
}