zqifa的博客

我不管,反正我最萌~

vue安装使用axios

vue中axios的安装使用

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。在vue中axios是比较常用的网络请求方法。

安装:
npm install axios -S

在main.js配置:

import axios from 'axios'
Vue.prototype.$axios = axios

使用:

this.$axios({
      url: "",
      method: "get",
      params: {}
    }).then(res => {
      console.log(res)
    })

也可以先进行封装后调用

封装:

先新建一个network文件夹再建一个request.js

import axios from 'axios'
export function request(config) {
    return new Promise((resolve, reject) => {
        创建axios实例
        const instance = axios.create({
            baseURL: '',
        })
        // 发送网络请求
        instance(config).then(res => {
            resolve(res)
        }).catch(err => {
            reject(err)
        })
    })
}

简写:

import axios from 'axios'

export function request(config) {
    // 创建axios实例
    const instance = axios.create({
        baseURL: '',
    })
    // 发送网络请求
    return instance(config)
}

使用:

import {request} from '../network/request'

request({
      url:'',
      params: {}
    }).then(res => {
      console.log(res)
    })

作者:zqifa

出处:https://www.l1mn.com

原文地址:https://www.l1mn.com/p/upze51.html

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。

公告

昵称:zqifa

站龄: 3年8个月

博客持续完善ing,敬请期待...

打滚求打赏(๑ ̄ ̫  ̄๑)

此处弱弱求打赏~~万一有好心人呢~~

支付宝酱

支付宝赞助

微信酱

微信赞助

随笔分类

php(110)

linux(63)

python(44)

web前端(39)

js(35)

服务器(33)

mysql(30)

html(24)

docker(23)

centos(22)

windows(22)

django(20)

前端设计(18)

git(16)

数据库(14)

算法(14)

常用软件(14)

编程进阶(13)

字符编码(13)

jquery(12)

更多

我的标签

php(106)

linux(47)

python(45)

js(34)

mysql(30)

centos(28)

web前端(23)

windows(22)

docker(22)

django(20)

更多

相册

Copyright © zqifa 联系方式:z___qf@163.com