前端禅意花园 前端禅意花园
首页
  • 前端基础

    • html
    • css
    • javaScript
    • ES6
    • typeScript
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《TypeScript从零实现axios》
  • 前端框架

    • Vue
    • React
    • uniapp
    • flutter
    • webpack
  • 学习笔记

    • 《Vue》笔记
nodejs
  • 书籍资源
  • 网站资源
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • 面试
  • 小程序
  • 友情链接
  • 随笔
  • 文章
  • 照片
  • 分类
  • 标签
  • 归档
关于我
GitHub

见路不走

大肚能容容天下难容之事,开口常笑笑天下可笑之人
首页
  • 前端基础

    • html
    • css
    • javaScript
    • ES6
    • typeScript
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《TypeScript从零实现axios》
  • 前端框架

    • Vue
    • React
    • uniapp
    • flutter
    • webpack
  • 学习笔记

    • 《Vue》笔记
nodejs
  • 书籍资源
  • 网站资源
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • 面试
  • 小程序
  • 友情链接
  • 随笔
  • 文章
  • 照片
  • 分类
  • 标签
  • 归档
关于我
GitHub
  • 我爱vue

  • 决战vue3

  • 争取学会react

  • uniapp爬坑日记

    • 请求拦截器
    • 路由守卫
    • video层级问题终极解决方案
    • 下载管理之我见
    • 热更新与整包升级
    • 全局登录弹窗
    • 自定义轮播图组件
    • select组件封装
    • uniapp坑点集合
  • 用时再学flutter

  • elementUi

  • 学习笔记

  • 前端跨域详解
  • 前端路由基本原理
  • 前端性能优化汇总
  • 前端框架
  • uniapp爬坑日记
见路不走
2020-08-20

uniapp请求拦截器

"你觉得孤独就对了,那是你认识自己的机会;你觉得不被理解就对了,那是你认清朋友的机会;你觉得黑暗就对了,那是你发现光芒的机会;你觉得无助就对了,那样你才能知道谁是你的贵人;你觉得迷茫就对了,谁的青春不迷茫。"

uniapp简单http请求封装。

const BASE_URL = 'https://api.sy12306.com/';

export const myRequest = (options) => {

	// 添加默认参数
	let params = {
		client_id: 769,
		app_id: 100,
		format: 'json',
		ts: Date.parse(new Date())
	}
	options.data = typeof options.data == 'undefined' ? params : Object.assign(options.data, params);
	
	// 配置请求类型
	let header = options.method == 'GET' ? {
			'X-Requested-With': 'XMLHttpRequest',
			"Accept": "application/json",
			"Content-Type": "application/json; charset=UTF-8"
		} : {
			'X-Requested-With': 'XMLHttpRequest',
			'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
		}

		return new Promise((resolve, reject) => {
			uni.request({
				url: BASE_URL + options.url,
				method: options.method || 'GET',
				data: options.data,
				timeout: 10000,
				dataType: 'json',
				header,
				success: (res) => {
					if (res.data.code != 200) {
						return uni.showToast({
							title: '获取数据失败'
						})
					}
					resolve(res)
				},
				fail: (err) => {
					uni.showToast({
						title: '请求接口失败'
					})
					reject(err)
				}
			})
		})
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
#uniapp
上次更新: 2020/10/14, 21:10:00
react实现井字棋游戏
路由守卫

← react实现井字棋游戏 路由守卫 →

最近更新
01
Proxy
01-04
02
经典语录
12-25
03
自定义轮播图组件
12-25
更多文章>
| Copyright © 2020-2021 前端禅意花园 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式