vue jsでグローバルAPIインタフェースを構成する

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

メールで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)
      })