react 小程序 跳转浏览器图片url以及报错非业务域名

已于 2022-04-25 10:24:26 修改
阅读量1.5k 收藏
点赞数 1
文章标签： react 前端
于 2022-04-24 17:56:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiuBo_1999/article/details/124388441
版权

在原页面写点击事件，之后跳转到新页面，在新页面中写上<web-view src='跳转的url'></web-view> 就可以正常跳转了

详细步骤如下：

配置路由 

在原原页面写入点击事件

在新页面写入

报错不支持打开非业务域名

 找到管理小程序的管理员，让管理员加一个业务域名就可以看到图片内容了

头发快掉没了的程序猿
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序跳转到其他网页(外部链接)的实现方法
12-13
个人类型和海外类型的小程序不支持 web-view 标签  也就是说个人申请的小程序，就别想跳转了！！！！ 1.开发的时候，我们难免碰到要跳转到其他网页中去那该怎么实现呢？ 2.例如我想点击一个按钮，跳转到百度（百度的网页还是在小程序中打开）  3.wxml 1. index.wxml   (按钮页面) <button class='wepay' bindtap='goBaidu'>点击跳转</button> 2.out.wxml  (百度页面)， <web-view src="https://www.baidu.com/"
小程序跳转h5页面.rar
12-18
使用tarojs生成微信小程序，实现小程序跳转h5页，或者跳转小程序，需要配置需要跳转的小程序openid，之后再需要跳转的页面将url带入webview中，动态概念webview中的url，并将webview中的url与视图关联，达到预期效果...
react 在文章焦点位置插入图片，跳转别的页面，选择图片后添加到文章末尾，而不是焦点位置解决方法
qq_44096635的博客
11-09 331
写项目遇到一个难题，用富文本编辑器添加图片，添加图片按钮是自己写的，不是编辑器自带的，点击添加图片后，跳转到别的页面。 当想在焦点位置添加图片，但实际选择完图片后回到原来页面却添加至末尾 在点击按钮跳转图片时，思路，先获取到焦点位置，在焦点位置插入一个标签，跳转回来时，根据这个标签查找所在位置，在前面添加图片，同时删除这个标签。 防止跳转到别的页面，回到原来页面后，原本编辑器的内容不存在，使用本地...
微信小程序跳转网页，网页返回小程序
最新发布
xingchen_xc的博客
05-16 264
【代码】微信小程序跳转网页，网页返回小程序。
一起来看React(路由跳转）
weixin_34235371的博客
05-29 321
我们在观看网页时，点击一个图片或文字进行跳转是比较常见的，我们可以通过当前页面刷新/路由跳转 其中路由跳转就是最常见的类型 为了便利大家的观看我把文件夹尽可能简化了.如图--> 其中PrivateRoute是用于路由守卫的我们后面会进行介绍 现在就不进行详解了 我们主要在router/index.js中 import React from "react" import {HashRoute...
小程序内不支持非业务域名
BrodZhu的博客
06-10 1904
背景：需在小程序内实现，点击某个按钮，跳转至 第三方提供的网页。 当小程序内需要跳转 第三方 网站 或 嵌入 第三方 网页的时候，z
以nginx为基础的后台服务，小程序提示非业务域名等常见第三方配置https的解决办法
码农小宋
02-24 2287
以nginx为基础的后台服务，小程序提示非业务域名等常见第三方配置https的解决办法前言一、HTTPS是什么？二、HTTPS证书如何购买？1.HTTPS证书种类2.HTTPS证书类型3.如何购买3.1.阿里云、腾讯云购买通配符3.2 FREESSL购买4.购买后如何使用三、HTTPS证书使用场景1.阿里云对象存储使用自定义域名2.微信小程序配置业务域名3.链接指向HTTPS五、总结 前言 购买域名后，常用的都为http，但是小程序的硬性条件为https，那么就需要进行购买证书，本篇是从购买https证书
react-scrollbar-size:React钩子来计算浏览器滚动条的大小
04-04
React滚动条大小React-Scrollbar-Size是一个挂钩，旨在计算用户代理的水平和垂直滚动条的大小。 它还将检测滚动条的大小何时更改，例如用户代理的缩放系数何时更改。安装React-Scrollbar-Size作为： :information: ...
React Router如何在url参数不同的情况下跳转页面不更新解决方案
01-20
在React应用中，React Router是用于管理应用内部路由的一个强大库。它允许我们在URL改变时动态地渲染不同的组件，提供了一种优雅的方式来处理用户导航。然而，在某些情况下，当URL参数变化但路径保持不变时，React ...
微信小程序的一个web实现（浏览器Chrome运行）
03-29
自从接触微信小程序以来，就希望能把小程序放到web中运行，但自己对VirtualNode，React等都不熟悉，只能慢慢学习。 这几天常使用React-Native做一个小的app，练手。但遇到了很多困难。 比如android很多组件不全的...
react非路由跳转组件获取上下文
01-08
react非路由跳转组件获取上下文react非路由跳转组件获取上下文解决方案1.通过路由跳转2.通过属性传递3.通过withRouter包装 react非路由跳转组件获取上下文解决方案 在react组件中，不是所有组件会通过路由跳转，也...
react常用点击跳转方式
weixin_45449154的博客
09-08 1788
1.页面组件获取react-router中props进行跳转 function Home(props){} 2.点击事件之后，该代码执行 this.props.history.push({ pathname: "/warning-release" })
微信小程序跳转微信内置浏览器
ly2983068126的博客
05-11 1万+
微信小程序跳转微信内置浏览器
微信小程序——小程序跳转外部网页
04-21 8358
1.进行小程序与微信公众号的关联操作 2.引导小程序关注公众号，并进入公众号首页。 3.在公众号首页菜单栏里添加外网链接。
微信小程序跳转到其他网页(外部链接)
热门推荐
棋鬼王的博客
03-08 28万+
个人类型和海外类型的小程序不支持 web-view 标签 也就是说个人申请的小程序，就别想跳转了！！！！ 1.开发的时候，我们难免碰到要跳转到其他网页中去那该怎么实现呢？ 2.例如我想点击一个按钮，跳转到百度（百度的网页还是在小程序中打开） 3.wxml 1. index.wxml (按钮页面) &lt;view class='wrapper'&gt; &lt;b...
怎么实现微信小程序跳转外部浏览器
xiao白的博客
07-21 1万+
小程序是不支持跳转外部浏览器的。更别说访问链接下载APP了，不过我们可以把需要的下载的地址放到生成的二维码里面，让用户来扫二维码进行下载APP或者访问需要的链接
小程序跳转浏览器_小程序与APP跳转
weixin_39675728的博客
12-14 793
用户可以从App跳转至某一微信小程序的指定页面，完成服务以后再跳转回原App。开放文档：https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=21526646385rK1Bs&token=5d0460853e4058cda3c86...
微信小程序如何跳转到网页
m0_72168336的博客
12-06 4974
微信小程序跳转到网页
小程序：跳转到其他网站网址（调用手机自带浏览器）
沧笙踏歌的博客
08-20 1万+
web-view
Vue、React与微信小程序实战：Promise、swiper与Redux应用
在本项目实战【vue，react，微信小程序】（1708E）中，主要涵盖了多个关键的IT技术知识点，包括前端框架和开发工具的运用。以下是详细的内容概要： 1. **Promise**：Promise是JavaScript中的一个重要概念，用于处理...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值