使用axios插件进行ajax请求

在命令行输入npm install axios下载axios插件
src文件夹下,新建api文件夹,在api文件夹里新建一个index.js管理后台链接

const baseUrl="https://www.easy-mock.com/mock/5bd28141ed6dba1369bf0723/maoyan/";
//获取正在热播
let hot=baseUrl+"hot";
let yingyuan=baseUrl+"yingyuan"


export default {
    hot,
    yingyuan
}

在需要使用接口的地方使用以下语句引用

    import axios from 'axios'
    import api from '@/api'

引入之后,在适当的生命钩子使用axios

        mounted(){
            axios.get(api.yingyuan).then((res)=>{
                console.log(res)    
                this.cinemaList=res.data;
            })
            .catch((e)=>{
            })
            }

axios请求回来的数据会以对象的形式返回,数据被封装在data属性里面

你可能感兴趣的:(使用axios插件进行ajax请求)