安装
npm install axios -S
红色框是接口文件
appApi.js是存放接口的文件:
import Vue from 'vue'
import axios from 'axios'
export default {
// 获取分类
show_category: function () {
return axios.post('/point-api-show_category');
},
// 获取商品
get_product: function (data) {
return axios.post('/point-api-get_product',data);
}
}
apiServer.js是设置vue的属性API的:
import Vue from 'vue'
import API from './API/appApi'
Vue.prototype.API = API;
在main.js里引入axios和apiServer.js
import ProtoTypeAPI from './network/apiServer'
import axios from 'axios'
new Vue({
el: '#app',
router,
store,
axios,
template: '<App/>',
components: { App },
methods: {
setSessionStorage:function(data) {
for(let key in data){
sessionStorage[key] = data[key];
}
},
setLocalStorage: function(data) {
for(let key in data){
localStorage[key] = data[key];
}
}
}
})
组件里调用接口:
get_product: function (name,cate_id) {
this.API.get_product({
name: name,
cate_id: cate_id
}).then((response) => {
console.dir(response);
}, (response) => {
mui.toast('网络错误');
});
}
配置文件config.js
export default {
GLOBAL_CONFIG :{
'API_HOST': '接口地址',
'base64Header': 'data:image/png;base64,',
'dataImage':'data:image',
'db':'odoo3',
}
}