uniapp 小程序更新提示

原创

已于 2022-05-13 14:48:12 修改 · 1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #vue.js #前端

于 2022-05-13 14:46:56 首次发布

本文介绍了在UniApp中如何设置HTTP请求拦截器，包括URL拼接、Header配置，并展示了如何利用getUpdateManager进行版本更新检查。

<script>
	export default {
   
   
		globalData: {
   
   
			// username: ''
		},
		onLaunch() {
   
   
			// 1.1.0版本之前关于http拦截器代码，已平滑移动到/common/http.interceptor.js中
			// 注意，需要在/main.js中实例化Vue之后引入如下(详见文档说明)：
			// import httpInterceptor from '@/common/http.interceptor.js'
			// Vue.use(httpInterceptor, app)
			// process.env.VUE_APP_PLATFORM 为通过js判断平台名称的方法，结果分别如下：
			/**
			 * h5，app-plus(nvue下也为app-plus)，mp-weixin，mp-alipay......
			 */
			//
			uni.addInterceptor('request', {
   
   
				invoke(args) {
   
   
					// request 触发前拼接 url 
					// 添加对应的header信息
					args.header = {
   
   
						'X-Auth-Token': uni.getStorageSync('token')
					}
					// 测试
					// args.url = 'https://............'+args.url
					// 正式
					args.url = 'https://...........' + args.url
					// appId:
					console.warn(args)
				},
				success(args)