请求框架config配置
config.js
// http 请求配置项
export default {
// 开发者服务器接口地址
url: "http://xxxxxxxxxxxxxxxxxxxxxx",
// 请求的参数
data: {},
// 设置请求的 header，header 中不能设置 Referer。
header: {
'token':uni.getStorageSync('token'),
'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8'
},
// （需大写）有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
method: "POST",
// json 如果设为json，会尝试对返回的数据做一次 JSON.parse
dataType: "json",
// text 设置响应的数据类型。合法值：text、arraybuffer 1.7.0
responseType: "text",
// 收到开发者服务成功返回的回调函数
success() {},
// 接口调用失败的回调函数
fail() {},
// 接口调用结束的回调函数（调用成功、失败都会执行）
complete() {},
}
未登录前token取到是空，登录后把后台返回的token存储到缓存，到下一个界面请求其他接口的时候，头信息里面的token为空，并且本地缓存信息已有token，于是想到是请求头里面的token并没有更新，需要去更新一下就可以了。
interface.js
import _config from './config'; // 导入私有配置
export default function $http(options) {
console.log(_config.url , options.url)
options.url = _config.url + options.url;
return new Promise((resolve, reject) => {
// 进行url字符串拼接
// 拦截请求
//第一次无token配置请求头为空,在这边更新下header里面的token
_config.header['token'] = uni.getStorageSync('token')
_config.complete = (response) => {
// request請求访问成功
if (response.statusCode === 200) {
// 接口请求成功
resolve(response);
} else {
// 处理catch 请求，不在本页面之外处理，统一在这里处理
if(options.handle){
reject(response)
}else{
try {
Promise.reject(response).catch(err => {
// console.error(err);
_page_error(response.statusCode || response.errMsg);
});
} catch (e) {
console.log(e)
}
}
}
}
// 开始请求
uni.request(Object.assign({},_config, options));
})
}
index.js
import https from './interface'
/**
* 将所有接口统一起来便于维护
* 如果项目很大可以将 url 独立成文件，接口分成不同的模块
* handle [boolean] 如果需要自己处理 catch 请求 ，传入 true ，交给接口统一处理 ，请传如 false或不传
*/
// 单独导出
//登录
export const login = (data) => {
return https({
url: '/user/loginByUserName',
// method: 'GET', // 默认POST
data,
// handle:true
})
}
// 默认全部导出
export default {
login
}
