前端学习笔记-8Vue项目测试-真机测试,

本文介绍了如何进行Vue项目的真机测试和使用Hbuilder进行云打包。在真机测试中,通过修改项目配置使手机连接电脑的本地服务器查看效果。而在Hbuilder打包过程中遇到空白页问题,由于同源策略限制,需调整路径为服务端地址来解决。参考链接提供了更深入的解决方案。
摘要由CSDN通过智能技术生成

我把项目做好了,想能看到实际效果,有几种方法:

1.真机测试,(我是用手机开的无线,电脑连手机上的网这样)。
步骤:项目名=>config=>index.js,把host:'localhost’改成
local:‘192.168.41.129’(你自己的ip地址)。
改完以后,重启服务器。
在手机和电脑的浏览器地址栏输入192.168.41.129:8080,都可以看到效果。
(注:此ip仅做解释使用,不是楼主的,要关防火墙,更多问题请百度)
在这里插入图片描述
2.Hbuilder的发行功能
我用的HBuilder的发行=>云打包-打原生安装包,上传下载后,空白,改了路径后,只能实现部分效果–即可以看到html的内容,js等效果实现不了。

目前只晓得是同源策略的问题,需要修改配置文件,涉及到网络安全等,我不想再改配置文件。在这里插入图片描述
实际效果应该是这样

在这里插入图片描述
点击歌曲以后跳转到播放页面,可以播放歌

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值