vue.js 配置移动端的url Scheme和iOS端配置url Scheme

简介: 假如urlScheme:baibai://一、vue.js端的配置:1.通过html标签跳转:     2.通过调用js:    methods:{           gotolist(msg) {               window.location.href="baibai://";       }    } 二、移动端配置(在这边只举例iOS端的配置):1.打开工程中的info.plist:       2.安装到真机上边。

假如urlScheme:baibai://

一、vue.js端的配置:

1.通过html标签跳转:

     <p href="baibai://"></p>

2.通过调用js:

    methods:{
           gotolist(msg) {
               window.location.href="baibai://";
       }
    }
 
二、移动端配置(在这边只举例iOS端的配置):
1.打开工程中的info.plist:
       
2.安装到真机上边。
3.测试真机成不成功
   打开手机safari 在搜索框搜索: baibai://
4.提示下图表示设置urlscheme配置成功就可以跳转到app中:
  
 
相关文章
|
2月前
|
数据采集 监控 API
移动端性能监控探索:iOS RUM SDK 技术架构与实践
阿里云 RUM SDK 作为一款性能体验监控采集工具,可以作为辅助 App 运维的强有力助手,提升您的问题排查效率。
211 17
|
Web App开发 开发框架 前端开发
移动端window.open跳转链接时,iOS没有反应的问题
【10月更文挑战第9天】在移动端使用 `window.open` 跳转链接时,iOS 可能无响应,原因是 iOS 的安全策略和弹出窗口阻止功能。解决方法包括:确保在用户交互后触发 `window.open`,将目标设置为 `_self`,使用锚点链接模拟跳转,或利用专门的移动端框架。需综合考虑这些方案以优化用户体验。
2075 61
|
iOS开发 开发者
iOS微信分享配置universal links步骤
iOS微信分享配置universal links步骤
4338 58
|
9月前
|
Swift iOS开发 开发者
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
1228 13
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
|
JavaScript 前端开发
js获取url参数值的几种方式
js获取url参数值的几种方式
|
JavaScript 前端开发 索引
JavaScript获取url网址中域名后面的部分
如何截取 url 中网站域名之后的部分,需要用到以下几个方法:
332 3
|
存储 开发框架 JavaScript
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
470 0
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
|
JavaScript 前端开发 Python
JavaScript写个.ts视频文件Url生成器,使用了string.padStart
JavaScript写个.ts视频文件Url生成器,使用了string.padStart
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
376 0
|
前端开发 API
【API管理 APIM】APIM中如何配置使用URL路径的方式传递参数(如由test.htm?name=xxx 变为test\xxx)
【API管理 APIM】APIM中如何配置使用URL路径的方式传递参数(如由test.htm?name=xxx 变为test\xxx)
129 0