1、安裝vue、vuex在main.js中引入

import Vue from 'vue' import store from './vuex' import server from './server' 2、server中文件adapter.js import Axios from "axios"; getServerList() { class Processor { constructor(result) { return result } }; return new Promise((resolve, reject) => { const prm = this.request("/getServerList.json") prm.then((result) => { resolve(new Processor(result)) }) prm.catch((result) => { reject(new Processor(result)) }) }) } 3、vuex中文件app.store.js import adapter from '../server/adapter.js' export default { state: { serverList:null, } mutations: {　　　　　 serverList(state, param) { state.serverList = param }, }　　　　 　　　　actions: {　　　　　 reServerList(context) {　　　 const prm = adapter.getServerList() prm.then( (result) => { context.commit('serverList', result.getBody()) } ) prm.catch( (result) => { context.commit('serverList', result.getBody()) } ) }, } getters: {　　　　 serverList(state) { class ServerList { constructor(param) { this.serverList = param } } return new ServerList(state.serverList) }, } }

轉(zhuǎn)載于:https://www.cnblogs.com/lingshan168/p/9283542.html

總結(jié)

以上是生活随笔為你收集整理的vuex调用接口的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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