# 此封裝方法適用于uinapp ## 自己寫的，后期可用加token驗證 ## mian.js文件里 加上這個全局注冊語句  ``` Vue.prototype.$api = api //封裝的網絡接口 //添加全局變量 ``` ## 在根目錄，也就是平等文件夾下建一個 api.js文件  ``` const commoneUrl = "https://www3.zmkm.top"; //請求鏈接 //post請求封裝 url參數為剩余鏈接， data為請求數據 function postRequest(url, data) { var promise = new Promise((resolve, reject) => { //用Promise方法進行封裝 var postData = data; uni.request({ url: commoneUrl + url, header: { 'content-type': 'application/json', }, data: postData, method: 'POST', success: function(res) { if (res.statusCode == 200) { //成功以后賦值給 Promise 成功執行參數 resolve(res); resolve(res); } else if (res.statusCode == 500) { resolve(res); } }, fail: function(e) { //失敗賦予失敗方法 reject("網絡錯錯誤" + res); reject("網絡錯錯誤" + res); } }) }); return promise; } //get請求封裝 function getRequest(url, data) { var promise = new Promise((resolve, reject) => { var postData = data || ''; uni.request({ url: commoneUrl + url, data: postData, method: "GET", dataType: 'json', success: function(res) { resolve(res.data); }, error: function(e) { reject('網絡出錯' + res); } }); }); return promise; } //put請求封裝 function putRequest(url, data) { var promise = new Promise((resolve, reject) => { var postData = data; uni.request({ url: commoneUrl + url, data: postData, method: "PUT", dataType: 'json', header: { 'content-type': 'application/json', //'token': uni.getStorageSync('token') }, success: function(res) { resolve(res.data); }, error: function(e) { reject('網絡出錯'); } }); }); return promise; } //del請求封裝 function delRequest(url, data) { var promise = new Promise((resolve, reject) => { var postData = data; uni.request({ url: commoneUrl + url, data: postData, method: "DELETE", dataType: 'json', success: function(res) { resolve(res.data); }, error: function(e) { reject('網絡出錯'); } }); }); return promise; }; module.exports = { post: postRequest, get: getRequest, put: putRequest, del: delRequest, ip: commoneUrl, }; ``` # 在組件里使用 ``` this.$api.post('/api/apix/txt/67').then(res => { console.log(res); }) ```