小程序请求配置，manifest源码视图配置

最新推荐文章于 2024-05-31 13:55:04 发布

呆码王子

最新推荐文章于 2024-05-31 13:55:04 发布

阅读量140

点赞数 1

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/L123456llljdjdbd/article/details/134132343

版权

小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

request配置

1.创建utils目录，创建request.js文件


// #ifdef MP||APP
const baseURL = "http://192.168.0.105/api"
// #endif

// #ifdef H5
const baseURL = "/api"
// #endif

// import { Base64 } from 'js-base64';
const request= (options)=> {
	console.log("每次请求触发options",options);
	// function getToken() {
	// 	const token = uni.getStorageSync('token') || '';
	// 	const base64_token = Base64.encode(token + ':');
	// 	return 'Basic ' + base64_token;
	// }
	// 配置简单版请求头
	
	if (options.header) {
		// 请求时判断header
		let token=uni.getStorageSync('token')
		options.header.token=token
		if(!options.header.token){
			// 如果token不存在先提示
			uni.showToast({
				title:'你还没有登录,请去登陆',
				icon:"none"
			})
			// 在跳转
			setTimeout(()=>{
				uni.navigateTo({
                    // 登录页
					url:'/pagesA/Login/Login'
				})
			},1500)
		}
	}
	
	return new Promise((resolve, reject) => {
		uni.request({
			url: baseURL + options.url,
			method: options.method||'GEt',
			data: options.data || '{}',
			header:options.header || {},
			// dataType: options.dataType || 'json',
			success: (res) => {
				return  resolve(res)
			},
			fail: (error) => {
				return reject(error)
			}
		})
	})
}
export default request

2.创建Api目录，创建index.js文件

1.导入request.js文件

import request from '@/utils/request.js'

2.配置接口

按需导出

export function Login（data）{

return request ({

url:'/login/login',

header:{

token:true

},

data

})
}

解决h5跨域

//解决h5跨域问题
// "h5" : {
// 	"devServer" : {
// 		"https" : false,
// 		"proxy" : {
// 			"/api" : {
// 				"target" : "http://192.168.0.105",
// 				"changeOrigin" : true,
// 				"secure" : true, // 设置支持https协议的代理
// 				"ws" : true,
// 				"pathRewrite" : {
// 					"^/api" : "/api"
// 				}
// 			}
// 		}
// 	}
// },
// "vueVersion" : "2"
// }