zqifa的博客

我不管,反正我最萌~

公告

昵称:zqifa

站龄: 3年1个月

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

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

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

支付宝酱

支付宝赞助

微信酱

微信赞助

随笔分类

php(94)

linux(62)

python(34)

web前端(32)

服务器(31)

js(28)

mysql(23)

docker(23)

html(22)

windows(22)

centos(21)

git(14)

前端设计(13)

算法(13)

字符编码(12)

django(12)

shell(10)

小游戏(10)

c++(9)

阅读(9)

更多

我的标签

php(90)

linux(45)

python(35)

js(27)

centos(27)

mysql(23)

docker(22)

windows(22)

web前端(16)

算法(15)

更多

相册

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

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

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