uniapp封装公共的带token的请求方法

1.首先创建一个config.js的文件,在里面配置你公共的请求地址

 const baseurl = '公共部分的请求地址';  //公共接口请求地址
 export default baseurl;
  1. 然后再创建一个request.js的文件,里面配置一些公共的部分
import baseurl from './conifg.js'
// 公共的请求
const request = function(options,otherUrl){
	options.url = otherUrl?otherUrl+options.url:baseurl + options.url
	try {
		const token = uni.getStorageSync('token');
		// const username = uni.getStorageSync('username');
		if (token) {
			options.header = options.header?options.header:{}
		} else {
			uni.navigateTo({//当token失效时跳转的网页
				url: '/pages/index/index.vue'
			});
			return;
		}
	} catch (err) {
		console.log(err)
	}
	return uni.request(options);
}
export default request;
  1. 最后在main.js全局进行引入就可以了
 import request from "./requst.js"

 Vue.prototype.$request=request
  1. 然后在页面可以这样使用
 this.$request({
		url: '/?s=Clients.Apis.SaveSealingPointData',
		data: {

			},
		success: (res) => {
			console.log(res);
			}
		})

版权声明:本文为qq_49552046原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。