怎么在微信小程序中跳转到其他网页-创新互联

这期内容当中小编将会给大家带来有关怎么在微信小程序中跳转到其他网页，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站设计、成都做网站、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的景东网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

1. index.wxml   (按钮页面)

<view class='wrapper'>
 <button class='wepay' bindtap='goBaidu'>点击跳转</button>
 </view>

2.out.wxml  (百度页面)，

<web-view src="https://www.baidu.com/"></web-view>
//放心你没有看错就这么一行就行了
//把你要跳转的界面用src 就可以了，以后要跳转到哪，src里面地址就写哪！

3.别忘了，要在app.json中配置一下路由，

"pages":[
 "pages/a/a",
 "pages/b/b"
 ],

电脑上是可以跳转的，体验版的话，在手机上是不好使的，除非你已经在小程序后台完成了配置域名，但是！！！！

注意！！这是顶级注释：请看第四条

4.需要配置业务域名并上传验证文件：

4.1校验文件需要放在你要跳转到的网站的根目录下面才可以！！！也就是说你想跳转到别人网站网页里面 需要得到别人的同意！！

那比如这个跳转到www.baidu.com 就是行不通的了，只能是自己在开发的时候玩玩（在开发者工具中点设置-项目设置-在不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书 前面打上对勾），在正式发布时候肯定是行不通的！！！

4.2那你想跳转到自己的网站中就需要配置域名、下载校验文件了！！再次强调 个人类型与海外类型的小程序暂不支持使用web-view

进入到小程序后台 https://developers.weixin.qq.com   设置-开发设置 -业务域名

4.3web-view 的 src可以是可打开关联的公众号的文章地址! （打开公众号这块也是个坑）

5.index.js

goBaidu:function(){
 wx.navigateTo({
  url:'../out/out', //
  success:function() {
 
  },  //成功后的回调；
  fail:function() { },   //失败后的回调；
  complete:function() { }  //结束后的回调(成功，失败都会执行)
 })

上述就是小编为大家分享的怎么在微信小程序中跳转到其他网页了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联成都网站设计公司行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享文章：怎么在微信小程序中跳转到其他网页-创新互联
文章来源：https://www.cdcxhl.com/article26/csjscg.html

成都网站建设公司_创新互联，为您提供静态网站、网站内链、App设计、网站建设、移动网站建设、小程序开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联