uniapp H5 开发,公众号时请求跨域了,要用proxy

这个要注意,如果你请求后端时,请求methed=OPTIONS 时,表示跨域了,这个是安全验证。

需要配置 {}/manifest.json 用代理模式

javascript 复制代码
 "h5" : {
        "router" : {
            "base" : "/h5",
            "mode" : "history"
        },
        "devServer" : {
            "disableHostCheck" : true,
            "proxy" : {
                "/api" : {
                    "target" : "http://localhost:8181/jdeps",
                    "changeOrigin" : true,
                    "ws" : true,
                    "pathRewrite" : {
                        "^/api" : ""
                    }
                }
            },
            "https" : false
        }
    }

request.js

javascript 复制代码
const ApiUrl = '/api' 

const request = (opt) => new Promise((resolve, reject) => {

	const token = uni.getStorageSync(tokenKey) || ""
	opt = opt || {};
	opt.url = opt.url || '';
	opt.data = opt.data || null;
	opt.method = opt.method || 'POST';
	opt.header = opt.header || {
		'content-type': 'application/x-www-form-urlencoded',
		'i18n': languageKeyMap[uni.getLocale()] || uni.getLocale(),
		"x-access-token": token,
		'wxno': wxno
	};
	uni.request({
		url: ApiUrl + opt.url,
		data: {
			...opt.data
		},
		method: opt.method,
		header: opt.header,
		dataType: 'json',
success: function(res) {
			const {
				data = {}
			} = res
			if (data.code == 200) {
				resolve(data.data);
			} else {
				uni.showToast({
					title: data.msg,
					duration: 2000,
					icon: 'none',
				})

				reject(data.msg);
			}
		},
		fail: function(e) {
			uni.showToast({
				title: e,
				duration: 2000,
				icon: 'none',
			})
			reject(e);
		}
	})
})

export default {
	request
}
相关推荐
moxiaoran57536 小时前
uni-app学习笔记十八--uni-app static目录简介
笔记·学习·uni-app
moxiaoran57539 小时前
uni-app学习笔记十九--pages.json全局样式globalStyle设置
笔记·学习·uni-app
lqj_本人10 小时前
鸿蒙OS&UniApp PWA开发实践:打造跨平台渐进式应用#三方框架 #Uniapp
华为·uni-app·harmonyos
lqj_本人10 小时前
鸿蒙OS&UniApp集成WebAssembly实现高性能计算:从入门到实践#三方框架 #Uniapp
uni-app·harmonyos·wasm
lqj_本人10 小时前
鸿蒙OS&UniApp声纹识别与语音验证:打造安全可靠的跨平台语音应用#三方框架 #Uniapp
华为·uni-app·harmonyos
lqj_本人11 小时前
鸿蒙OS&UniApp内存管理优化实战:从入门到精通#三方框架 #Uniapp
华为·uni-app·harmonyos
nbsaas-boot12 小时前
从架构视角设计统一网络请求体系 —— 基于 uni-app 的前后端通信模型
网络·架构·uni-app
lqj_本人14 小时前
鸿蒙OS&UniApp开发跨平台AR扫描识别应用:HarmonyOS实践指南#三方框架 #Uniapp
uni-app·ar·harmonyos
lqj_本人14 小时前
鸿蒙OS&基于UniApp的WebRTC视频会议系统实践:从0到1的HarmonyOS适配之路#三方框架 #Uniapp
uni-app·webrtc·harmonyos
moxiaoran575317 小时前
uni-app学习笔记十七-css和scss的使用
css·学习·uni-app