在src文件夾中新建util文件夾，然后在新建一個(gè)globalAPI.js文件。

在js中配置后端的接口數(shù)據(jù)

const http = 'http://127.0.0.1:8989'

const globalAPI = {

// 用戶列表

user_list: http + '/api/all/users',

// 數(shù)據(jù)列表

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

在頁(yè)面中調(diào)用時(shí)使用(默認(rèn)已經(jīng)配置好了axios)

this.$http.get(this.globalAPI.user_list).then(res => {

console.log(res)

})

this.$http(this.globalAPI.data_list).then(res => {

console.log(res)

})

總結(jié)

以上是生活随笔為你收集整理的java配置接口提供给vue,vue在js中配置全局API接口的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。