1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- // 这里的vm,就是我们在vue文件里面的this,所以我们能在这里获取vuex的变量,比如存放在里面的token
- // 同时,我们也可以在此使用getApp().globalData,如果你把token放在getApp().globalData的话,也是可以使用的
- import md5Libs from "@/uview-ui/libs/function/md5";
- const install = (Vue, vm) => {
- Vue.prototype.$u.http.setConfig({
- baseUrl: vm.$site.root+'api', // 请求的本域名
- // 设置为json,返回后会对数据进行一次JSON.parse()
- dataType: 'json',
- showLoading: true, // 是否显示请求中的loading
- loadingText: '努力加载中...', // 请求loading中的文字提示
- loadingTime: 300, // 在此时间内,请求还没回来的话,就显示加载中动画,单位ms
- originalData: false, // 是否在拦截器中返回服务端的原始数据
- loadingMask: true, // 展示loading的时候,是否给一个透明的蒙层,防止触摸穿透
- // 配置请求头信息
- header: {
- "Content-type":"application/x-www-form-urlencoded",
- "X-Requested-With":"XMLHttpRequest",
- },
- });
- // 请求拦截,配置Token等参数
- Vue.prototype.$u.http.interceptor.request = (config) => {
- if(vm.vuex_user_token){
- config.header["Authorization"] = vm.vuex_user_token
- }
- return config;
- }
- // 响应拦截,判断状态码是否通过
- Vue.prototype.$u.http.interceptor.response = (res) => {
- // 如果把originalData设置为了true,这里得到将会是服务器返回的所有的原始数据
- // 判断可能变成了res.statueCode,或者res.data.code之类的,请打印查看结果
- if(res.code === 200) {
- // 如果把originalData设置为了true,这里return回什么,this.$u.post的then回调中就会得到什么
- return res.data;
- } else {
- uni.showModal({
- title: '提示',
- content: res.msg,
- showCancel: false,
- });
- return false;
- }
- }
- }
- export default {
- install
- }
|