uni-app uni.request简单封装（请求头配置及response处理）

参考官网文档：uni.request(OBJECT)

url.js
请求url的一般配置，根据项目情况自行更改

var baseUrl = ""if(process.env.NODE_ENV === 'production'){// 生产环境baseUrl = 'http://' + window.location.host + '/washer'
}else{// 开发环境baseUrl = 'http://' + window.location.host
}export default baseUrl

request.js
这里是重点
重点重点重点！

// baseUrl只是请求url的前半部分
import baseUrl from './url.js'const request = function(options) {options.url = baseUrl + options.url;try {// 获取放入缓存的字段tokenconst token = uni.getStorageSync('token');if (token) { // 如果存在token 配置请求头options.header = {'Authorization' : 'Bearer ' + token,'Content-Type' : 'application/json'};}else{ // 不存在token 跳转至登录uni.navigateTo({url: '/pages/login/login' });return;}} catch (err) {console.log(err)}// 这里对response进行处理，// 401表示登录状态过期，需重新登录options.complete = (response) => {if (response.statusCode == 401) {uni.navigateTo({url: '/pages/login/login' });return;}}return uni.request(options);}
export default request;

使用示例：

import request from '@/common/request.js'export default {methods: {getStores() {var that = this;request({url: '/api/shopStore',method: 'get',success: (res) => {that.stores = res.data.content}})}}

uni-app uni.request简单封装（请求头配置及response处理）相关推荐

uni app 调用网络打印机_uni-app封装一个request请求
在上一篇文章里面,写到使用uni.request请求的方法https://www.jianshu.com/p/bc62c9e1beed getList() { uni.request({url: &q ...
7.1使用Request获取HTTP请求头
首先得说说请求头包括什么吧!!这里有参考的文章,点击我跳转!! 请求头包括了: Host User-Agent Accept Accept-Language Accept-Encoding Conne ...
获取referer中的请求参数_javaweb之request获取referer请求头实现防盗链
在开发web程序的时候,有时我们需要得到用户是从什么页面连过来的,这就用到了referer. 它是http协议,所以任何能开发web程序的语言都可以实现,比如jsp中是: request.getHea ...
http响应头和请求头配置对照表
HTTP Request Header 请求头 Header 解释示例 Accept 指定客户端能够接收的内容类型 Accept: text/plain, text/html ...
fabric-java-sdk ——建立简单的请求(脱离配置)
前言一如既往的,直接通过参数进行对fabric节点的调用. 重写一个UserInfo和Enrollment //改为直接传入string的key.public class FCUserInfo im ...
Nginx设置之自定义请求头
在前后端分离的大超流下,前端单独布局势必会产生请求跨域的情况,那么通过Nginx代理转发可以帮助我们解决这个问题:在特定接口的转发中往往会有设置自定义请求的场景存在,接下来我们来看一个最简单的请求头配 ...
http请求头中的content-type 属性
在HTTP请求中,我们每天都在使用Content-Type来指定不同格式的请求信息,但是却很少有人去全面了解Content-Type中允许的值有多少,因此这里来了解一下Content-Type的可用值 ...
小程序基础开发（三）：授权，获取用户信息，注册，登录，简单封装request请求
一,授权 1,首先在app.js里检测用户是否授权 // 查看是否授权wx.getSetting({success: function (res) {if (res.authSetting['scop ...
request设置请求头_收藏 Scrapy框架各组件详细设置
今天说一下Scrapy框架各组件的详细设置. 关于Scrapy Scrapy是纯Python语言实现的爬虫框架,简单.易用.拓展性高是其主要特点.这里不过多介绍Scrapy的基本知识点,主要针对其高拓 ...
Python 爬虫 Request(请求头)和Response(响应头)的内容详解【爬虫资料二】
Resquest请求头[以访问知乎]为例(使用Fiddler抓的包) 请求行包含的信息: 请求的方法(POST) #其他的方法还有GET.HEAD.PUT.DELETE.OPTIONS.TRACE ...

uni-app uni.request简单封装（请求头配置及response处理）

uni-app uni.request简单封装（请求头配置及response处理）相关推荐

最新文章

热门文章