欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【axios】axios的安装和使用方案

程序员文章站 2022-07-02 17:12:35
...

一、安装

npm install axios --save

二、使用方案

方案1、原始用法

    import axios from 'axios'
    getdata () {
      axios.get('接口地址').then(response => {
        console.log(response)
      })
    }

方案2、将接口单独写在一个js文件中

import request from '@/router/axios'

export function treeList(query) {
  return request({
    url: '接口地址',
    method: 'get',
    params: query
  })
}

然后在vue文件中调用接口方法

import {treeList} from "@/api/simp/apifieldinfo";

treelist() {
  treeList().then((response) => {
    console.log(response)
  });
},

如果是大型项目,推荐使用方案2。

 

相关标签: axios vue