uniapp项目嵌入其他web页面

该文章详细介绍了如何创建一个H5页面,使用web-view组件加载远程URL,如将自定义页面部署到服务器或跳转至其他官网,强调页面不能是本地地址。在pages.json中配置路径,并利用uni.navigateTo进行页面跳转。
摘要由CSDN通过智能技术生成

-- 这个h5页面不可以是本地的页面。自己写的h5页面放到服务器上也好,跳到其他官网也好,总之不能是本地地址 --

一、新建一个页面,可以给web-view设置宽高

//新创建的页面
<template>
	<view>
		<!-- 跳转外部网页 -->
		<web-view  src="www.baidu.com"></web-view>
	</view>
</template>
<script></script>
<style></style>

 二、并在pages.json中配置好路径

//pages.json配置的路径,outWebSite是刚才创建的页面
        {
            "path" : "pages/outWebSite",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false
            }
            
        }

三、跳转此页面

				uni.navigateTo({
					url: 'pages/outWebSite',
				})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值