阅读 83

uni-app网络请求(项目实战)

uni-app网络请求(项目实战)

新建request.js 复制下面代码

// 全局请求路径,也就是后端的请求基准路径const BASE_URL = 'http://172.10.0.1:8080'const header = {}const request = (url='',method='',data={}) => {
    header['content-type'] = "application/json;charset=utf-8";	if(url != '/api/auth/login'){
		header['X-Authorization'] = "Bearer "+uni.getStorageSync('token');//判断如果不是登录将token加到header里
	}    return new Promise((resolve,reject) => {
        uni.request({            method:method,            url:BASE_URL + url,            data:data,            header:header,            dataType:'json'
        }).then((response) => {            let [error,res] = response;            // 登录过期
            if(res.data.errorCode == 11||res.data.errorCode == 10){
		uni.clearStorage('token')
                uni.showToast({                    title:'登录过期,请重新登录',                    duration:2000,		    icon: 'none'
                });
            };            
            resolve(res.data);
        }).catch((error) => {            // let [err,res] = error;
            reject(error);
        });
    });
}export default request

将resquest挂载到全局

import request from 'common/request.js'Vue.prototype.$request = request

在需要网络请求的页面使用

this.$request('url','GET',{  //请求参数}).then((res)=>{  console.log(res)
})

来源https://www.cnblogs.com/respect-li/p/14824655.html


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐