美文网首页
使用axios插件进行ajax请求

使用axios插件进行ajax请求

作者: 李昂李三光 | 来源:发表于2018-11-01 16:03 被阅读0次

在命令行输入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属性里面

相关文章

  • 发送ajax请求

    发送ajax请求 vue本身不支持发送ajax请求,需要使用vue-resourc axios等插件实现,建议使用...

  • 使用axios插件进行ajax请求

    在命令行输入npm install axios下载axios插件在src文件夹下,新建api文件夹,在api文件夹...

  • vue使用axios进行ajax请求

    以前都用resource进行ajax请求,现在官方推荐使用axios,所以现在更换插件。这篇文章主要描写如何在项目...

  • 使用 axios 发送 ajax 请求

    1)vue本身不支持发送AJAX请求,需要使用vue-resource、axios等插件实现。2) axios是一...

  • 前端数据流文件下载三种方式

    1、直接使用get请求方式进行下载 2、使用form 表单post请求进行下载: 3、axios(ajax)前端根...

  • vue 项目中常用的 2 个 ajax 库

    vue-resource vue 插件, 非官方库, vue1.x 使用广泛 axios 通用的 ajax 请求库...

  • 碎片化视频讲解vue axios的使用

    B站链接地址: 视频讲解vue axios如何使用 视频主要讲解如何在vue中使用axios,进行ajax请求。

  • Vuex + axios

    Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求 Vue 原本有一个官方推荐的 ajax 插件...

  • vue里全局使用 axios 的方法

    在vue项目中,我们喜欢使用 axios 来进行 ajax 请求, 很多人刚开始使用axios 时,会当成 vue...

  • 六、Vue.js

    一、发送AJAX请求 1.简介 2,使用axios发送ajax请求 2.1安装axios并引入 2.1基本用法 3...

网友评论

      本文标题:使用axios插件进行ajax请求

      本文链接:https://www.haomeiwen.com/subject/gktztqtx.html