uni-app 小程序 vue 服务器请求封装

xudejun

于 2019-06-06 23:55:13 发布

阅读量1.9k

点赞数

分类专栏： vue 小程序文章标签：小程序服务器请求

本文链接：https://blog.youkuaiyun.com/xudejun/article/details/91060559

版权

vue 同时被 2 个专栏收录

8 篇文章

订阅专栏

小程序

3 篇文章

订阅专栏

本文介绍如何在uni-app中，结合vue，进行全局服务器请求的封装。通过在main.js中引入并配置，实现uni-app小程序的便捷网络请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

export var dd = "asdfsadfasdf";
export class request{
  static request(url, data, method = 'GET') {
    url = "http://hr.jifen.com" + url
    let header = {
      'content-type': 'application/json', // 默认值
      'Cookie': wx.getStorageSync('sessionkey')
    };

    let token = wx.getStorageSync('token') || '';
    if (token) {
      header['X-ECAPI-Authorization'] = token
    }

    return new Promise(function (resolve, reject) {
      wx.request({
        url: url,
        method: method,
        data: data,
        header: header,
        success: function (res) {  
          if (res.data.code === 1) {
            if (!wx.getStorageSync('sessionkey')) {
              wx.setStorageSync('sessionkey', res.header['Set-Cookie']);//保存Cookie到Storage
            }
            // if (res.header && res.header['Set-Cookie']) {
            //   wx.setStorageSync('sessionkey', res.header['Set-Cookie']);//保存Cookie到Storage
            // }
            resolve(res.data);
          } else {
            reject(res.data);
          }
        },
        fail: function (err) {
          wx.showToast({
            title: '网络加载失败',
          });
        }
      });
    });

  }
	static mmm(){
		return "eeeeeeee"
	}
}

uni-app vue main.js全局引入

import {dd,request} from './api/request.js'

Vue.prototype.$api = request