vue在js中配置全局API接口

2019独角兽企业重金招聘Python工程师标准>>>

在src文件夹中新建util文件夹，然后在新建一个globalAPI.js文件。

在js中配置后端的接口数据

const http = 'http://127.0.0.1:8989' 
const globalAPI = {
  // 用户列表
  user_list: http + '/api/all/users',
  // 数据列表
  data_list: {url: http + '/api/all/datas', method: 'get'}
}
 
export default globalAPI
在main.js中引用globalAPI.js

import Vue from 'vue'
import globalAPI from './util/globalAPI'
 
Vue.prototype.globalAPI = globalAPI
在页面中调用时使用（默认已经配置好了axios）

this.$http.get(this.globalAPI.user_list).then(res => {
        console.log(res)
      })
 
this.$http(this.globalAPI.data_list).then(res => {
        console.log(res)
      })
 

转载于:https://my.oschina.net/u/3649083/blog/3032015