uniapp 配置公共请求头与token

utils/reques.js

import config from "./config.js"
export const request = function a(options) {
	{
		return new Promise((resolve, reject) => {
			let token = uni.getStorageSync('token')
			// 在登录的时候需要储存 token uni.setStorageSync("authorization","这里是登录获取的token值")
			uni.request({
				url: config.baseUrl + options.url,
				data: options.data || {},
				method: options.method || 'POST',
				header: options.header || {
					// 根据实际接口设计 key 取 token 或者 authorization
					Authorization: token,
					"content-type": 'application/json'
				},
				success: (res) => {
					// 控制台显示数据信息
					resolve(res.data)
				},
				fail: (err) => {
					// 页面中弹框显示失败
					uni.showToast({
						title: '请求接口失败'
					})
					// 返回错误消息
					reject(err)
				},
				catch: (e) => {
					console.log(e);
				}
			})
		})
	}
}

utils/config.js  配置公共请求头

export default {
	baseUrl: "http://127.0.0.1:8080/"
}

main.js  引用$request

import {request} from './utils/request.js'

Vue.prototype.$request = {request}

使用方式

this.$request.request({
 						url:"/zyOwner/telLogin",
						data:this.param,
						method:"POST"
					}).then(res => {
						uni.setStorageSync("token",res.data)
						uni.navigateTo({
								url: '/pages/app/index'
							})
					})

你可能感兴趣的:(uni-app,javascript,前端)