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

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

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

目前只晓得是同源策略的问题,需要修改配置文件,涉及到网络安全等,我不想再改配置文件。前端学习笔记-8Vue项目测试-真机测试,
实际效果应该是这样

前端学习笔记-8Vue项目测试-真机测试,
点击歌曲以后跳转到播放页面,可以播放歌曲

刚才又查了一下,发现是应该是服务器的问题。
开发的时候用的dev_server只针对开发的时候用的,打包后dev_server这块配置的请求代理已经无效了。
把路径改成服务端的地址就可以啦!
eg: 直接https://xxxxxxx.com/…
参考:
https://segmentfault.com/q/1010000014228426

关于vue2.0+hbuilder打包移动端app之后空白页面的解决方案
http://www.cnblogs.com/ZT0219/p/7992440.html