新建apis目录
两个js文件
- request.js存放原生请求
- apis.js 存放简易请求
request.js
const get=(url) => {
return new Promise((resolve,reject)=>{
uni.request({
url: url,
method: 'GET',
success: (res) => {
resolve(res)
},
fail:(err)=> {
reject(err)
}
})
})
}
const post = (url, data) => {
uni.request({
url: url,
method: 'POST',
data: data,
success: (res) => {
resolve(res)
},
fail:(err)=> {
reject(err)
}
})
}
export default{//导出
get,
post
}
apis.js
import http from './request.js'//导入上面那个文件
const apis={
get(url){
return http.get(url)
},
post(url,data){
return http.post(url,data)
},
getArticleById(id){
return http.get('http://ip域名/articles/getNewsById?Id='+id)
}
}
export default apis //导出
vue入口文件main.js
import httpA from 'apis/apis.js' //导入apis.js并重命名为httpA
Vue.prototype.$http = httpA //把apis注册给Vue名为$http,使用时this.$http.apis中的方法
实例使用
this.$http.getArticleById(19).then(res=>{
console.log(res)
})