h5解决外置浏览器和小程序跨域问题

api.js里面配置你要跨域的域名

然后配置跨域用到的js文件

/**枚举EPlatform*/
export enum EPlatform {/**App*/AppPlus = 'APP-PLUS',/**App nvue*/AppPlusNvue = 'APP-PLUS-NVUE',/**H5*/H5 = 'H5',/**微信小程序*/MpWeixin = 'MP-WEIXIN',/**支付宝小程序*/MpAlipay = 'MP-ALIPAY',/**百度小程序*/MpBaidu = 'MP-BAIDU',/**字节跳动小程序*/MpToutiao = 'MP-TOUTIAO',/**QQ小程序*/MpQq = 'MP-QQ',/**360小程序*/Mp360 = 'MP-360',/**微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序/360小程序*/Mp = 'MP',/**快应用通用(包含联盟、华为)*/QuickappWebview = 'quickapp-webview',/**快应用联盟*/QuickappWebviewUnion = 'quickapp-webview-union',/**快应用华为*/QuickappWebviewHuawei = 'quickapp-webview-huawei',
}/**使用条件编译获取平台信息*/
export function ifDefPlatform(): EPlatform {let platform: EPlatform//#ifdef APP-PLUSplatform = EPlatform.AppPlus;//#endif//#ifdef APP-PLUS-NVUEplatform = EPlatform.AppPlusNvue;//#endif//#ifdef H5platform = EPlatform.H5;//#endif//#ifdef MP-WEIXINplatform = EPlatform.MpWeixin;//#endif//#ifdef MP-ALIPAYplatform = EPlatform.MpAlipay;//#endif//#ifdef MP-BAIDUplatform = EPlatform.MpBaidu;//#endif//#ifdef MP-TOUTIAOplatform = EPlatform.MpToutiao;//#endif//#ifdef MP-QQplatform = EPlatform.MpQq;//#endif//#ifdef MP-360platform = EPlatform.Mp360;//#endif//#ifdef MPplatform = EPlatform.Mp;//#endif//#ifdef quickapp-webviewplatform = EPlatform.QuickappWebview;//#endif//#ifdef quickapp-webview-unionplatform = EPlatform.QuickappWebviewUnion;//#endif//#ifdef quickapp-webview-huaweiplatform = EPlatform.QuickappWebviewHuawei;//#endifreturn platform
}/**平台类型*/
export const Platform: EPlatform = ifDefPlatform()
/**默认导出平台类型*/
export default Platform/**App*/
export const isAppPlus = Platform == EPlatform.AppPlus
/**App nvue*/
export const isAppPlusNvue = Platform == EPlatform.AppPlusNvue
/**H5*/
export const isH5 = Platform == EPlatform.H5
/**微信小程序*/
export const isMpWeixin = Platform == EPlatform.MpWeixin
/**支付宝小程序*/
export const isMpAlipay = Platform == EPlatform.MpAlipay
/**百度小程序*/
export const isMpBaidu = Platform == EPlatform.MpBaidu
/**字节跳动小程序*/
export const isMpToutiao = Platform == EPlatform.MpToutiao
/**QQ小程序*/
export const isMpQq = Platform == EPlatform.MpQq
/**360小程序*/
export const isMp360 = Platform == EPlatform.Mp360
/**微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序/360小程序*/
export const isMp = Platform == EPlatform.Mp
/**快应用通用(包含联盟、华为)*/
export const isQuickappWebview = Platform == EPlatform.QuickappWebview
/**快应用联盟*/
export const isQuickappWebviewUnion = Platform == EPlatform.QuickappWebviewUnion
/**快应用华为*/
export const isQuickappWebviewHuawei = Platform == EPlatform.QuickappWebviewHuawei
/**是否开发环境*/
export const isDevelopment = process.env.NODE_ENV == 'development'
/**是否线上环境*/
export const isProduction = process.env.NODE_ENV == 'production'
/**抖音小程序*/
export const isMpDouyinApp = uni.getSystemInfoSync().appName == 'Douyin'
/**头条小程序*/
export const isMpToutiaoApp = uni.getSystemInfoSync().appName == 'Toutiao'

mainfest.json源码视图里面配置如下

配置完成就能解决外置和小程序的跨域问题了

h5解决外置浏览器和小程序跨域问题相关推荐

微信小程序跨域问题 post 403 Invalid CORS request 后台
微信小程序跨域问题 post 403 Invalid CORS request 后台
微信小程序跨域关于跨域和 Ajax 的说明
关于跨域和 Ajax 的说明跨域问题只存在于基于浏览器的 Web 开发中.由于小程序的宿主环境不是浏览器,而是微信客户端,所以小程序中不存在跨域的问题. Ajax 技术的核心是依赖于浏览器中的 XM ...
微信小程序 - 跨域问题
微信小程序的复杂请求是通过微信后台服务器请求的,也就是说请求来源的origin域是微信后台服务器,为了解决跨域问题得自己的后台允许微信服务器的域:servicewechat
前端 domparser未定义怎么解决_开源｜wwto：小程序跨端迁移解决方案——微信转其他小程序...
开源项目专题系列 (二) 1.开源项目名称:wwto 2.github地址: https://github.com/wuba/wwto 3.简介:wwto是58同城推出的一种小程序跨端迁移解决方案,可 ...
2021-09-15核芯物联推荐生态合作伙伴莱讯科技#蓝牙AoA微信小程序跨楼层高精度定位导航，支持ibeacon+aoa融合，完美解决ibeacon导航存在的覆盖盲区
2021-09-15核芯物联推荐生态合作伙伴莱讯科技#蓝牙AoA微信小程序跨楼层高精度定位导航,支持ibeacon+aoa融合,完美解决ibeacon导航存在的覆盖盲区核芯物联推荐生态合作伙伴莱讯科 ...
小程序和 web 功能对比_小程序官方推出的Kbone，是如何解决Web 端和小程序同构痛点的？...
小程序作为一种新兴地连接用户与服务的方式,相信大家都或多或少接触过.对于开发者来说,它是一种类似 Web 但又不同于 Web 的开发模式,它提供了一套自定义的 API 和文件组织方式,这无疑带给开发者 ...
Kbone与小程序跨端开发的一些思考
小程序是一种新的移动应用程序格式,是一种依赖Web技术,但也集成了原生应用程序功能的混合解决方案.小程序一些特性有助于填补Web和原生平台之间的鸿沟,因此小程序受到了一些超级应用程序的欢迎. 它不需要 ...
深入浅出主流的几款小程序跨端框架原理
目前,小程序在用户规模及商业化方面都取得了极大的成功.微信.支付宝.百度.字节跳动等平台的小程序日活都超过了3亿. 我们在开发小程序时仍然存在诸多痛点:小程序孱弱简陋的原生开发体验,注定会出现小程序增 ...
【2万字长文】深入浅出主流的几款小程序跨端框架原理
开发者(KaiFaX) 面向全栈工程师的开发者专注于前端.Java/Python/Go/PHP的技术社区作者 | 雾豹来源 | https://juejin.im/post/6881597846 ...

h5解决外置浏览器和小程序跨域问题

h5解决外置浏览器和小程序跨域问题相关推荐

最新文章

热门文章