使用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属性里面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue去哪网跟学笔记 记录学习点滴 1. 初始化项目 1.1 手机显示配适 minimum-scale=1.0,m...
    noobakong阅读 6,835评论 0 16
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,139评论 1 4
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,416评论 0 2
  • 1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-lin...
    jane819阅读 5,707评论 0 15
  • 1. 组件的data为什么必须是函数? 组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次...
    郭先生_515阅读 4,554评论 0 12