【问题标题】:Vue js. access axios in get functionVue.js。在get函数中访问axios
【发布时间】:2018-07-02 14:25:46
【问题描述】:

我试图在我正在制作的这个小 api 客户端中访问 axios 实例。我怎样才能做到这一点?我想做的是能够在getUsers中调用axios。

import axios from 'axios'

/*export const API = axios.create({
  baseURL: 'http://jsonplaceholder.typicode.com/'  
})*/

let getReq = new Request('https://jsonplaceholder.typicode.com/users', {
  method: 'GET',
  header: new Headers()
})

export default class Api {
  static getUsers () {
    const request = getReq
    return axios.get()
      .then(response => response.json())
  }

}

【问题讨论】:

    标签: javascript ecmascript-6 vue.js axios


    【解决方案1】:

    使用 axios 实例。在您的情况下,它是API。取消注释API 定义块,删除导出指令,并使用它:

    import axios from 'axios'
    
    const API = axios.create({
      baseURL: 'http://jsonplaceholder.typicode.com/'  
    })
    
    export default class Api {
      static getUsers () {
    
        API.get('users/')
          .then(response => {/*do something with response.data here*/})
      }
    }
    

    【讨论】:

    • 如果我想从另一个文件调用 getUsers() 怎么办?
    • 将该函数放入另一个文件中,例如api.js:export { getUsers() {...} },然后从您的文件中导入:import {getUsers} from 'api';
    猜你喜欢
    • 2018-02-01
    • 2020-06-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-05
    • 2019-07-05
    • 1970-01-01
    • 2019-06-21
    相关资源
    最近更新 更多