### **①使用axios跨域（单独新建文件夹内存放）：** ``` axios.defaults.baseURL='https://www.easy-mock.com/mock/5c2dbad832924755e4c0dc00/vue-project/'; class HTTP{ request({url,method="get",data={},params={}}){ return axios({ url, method, data, params }) } } class HomeModel extends HTTP{ getHome(){ return this.request({ url:"home" }) } } ``` ### **②导入组件中，在mounted里面读数据：** ``` import {HomeModel} from "../models/HomeModels"; const homeModel = new HomeModel(); mounted(){ homeModel.getHome().then(res=>{ let data = res.data.data; let {banner,icons,recommendList,weekendList}=data; this.banner = banner; this.icons = icons; this.recommendList = recommendList; // console.log(recommendList); this.weekendList =weekendList ; }) } ```