vue的把封装的js挂载全局
一般在使用自己写的js或者模板js,需要很多位置使用,就要不停的引入,特别麻烦,尤其是复用率高的,这时候我们就把他挂载全局,其他地方就可以不用在引入很方便的使用了。
下边我就写一个js和挂载、
import Vue from 'vue'
const config={
apiBaseUrl:"http://192.XXX.XXX.XX:XX/api/",
}
function getRequest(url, data,response, error){
uni.request({
url: config.apiBaseUrl + url,
method: 'GET',
data: data,
header: {
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
'arenaId':uni.getStorageSync('venue').id
},
success: res=> {
return response(res)
},
fail: err=> {
return error(err)
}
})
}
function postRequest(url, data,response, error) {
uni.request({
url: config.apiBaseUrl + url,
method: 'POST',
data: data,
header: {
"content-type":"application/x-www-form-urlencoded;charset=utf-8",
'arenaId':uni.getStorageSync('venue').id
},
success: res=> {
return response(res)
},
fail: err=> {
return error(err)
}
})
}
function postRequestBody(url, data,response, error) {
uni.request({
url: config.apiBaseUrl + url,
method: 'POST',
data: data,
header: {
'context-type': 'application/json',
'arenaId':uni.getStorageSync('venue').id
},
success: res=> {
return response(res)
},
fail: err=> {
return error(err)
}
})
}
export default function(Vue) {
//添加全局API 接口函数挂载在http 上
Vue.prototype.http = {
getRequest ,
postRequest,
postRequestBody
}
}
然后main.js配置
import http from "static/http/https.js"//上边文件的位置
Vue.use(http);
使用时
**
直接this.http就可以获取挂载在http上的函数
this.http.getRequest ('api',{},res=>{},err=>{});
**