您的位置:首页技术文章
文章详情页

javascript - 使用vue2.0+vue-cli搭建了一个移动端项目,页面完成后pc端能显示出来,但是在移动端上访问页面,内容显示空白

浏览:100日期:2023-09-23 08:17:02

问题描述

使用vue2.0+vue-cli搭建了一个移动端项目,页面完成后使用http://localhost:8080在谷歌的手机模拟器上能显示出来,但是在移动端上使用192.168.x.x:8080访问页面,内容显示的是空白的,我把APP.vue内容简化了只留了一个p标签还是显示不出来,求各位大神帮忙看看不胜感激!

<template> <p id='app'> <p> 11212 </p> </p></template><script>export default { name: ’app’}</script><style></style>

在pc端完全没问题但在移动端中使用192.168.X.X:8080访问的时候就什么都显示不了了。。。

问题解答

回答1:

你不会默认内容进行修改的话,显示肯定是没问题的,后面不知道你动了哪些东西,只看app.vue不够

回答2:

手机和PC是不是同一个网络啊

回答3:

应该是网络问题吧,可以让笔记本起个WIFI连上访问以下。

回答4:

访问的是生产环境还是开发环境,本地是否已经开启服务,局域网内可以访问到本机。同一网段的话,电脑开启服务,手机可以访问的

回答5:

用uc开发者版调试

回答6:

访问不到,八成是网段的问题

回答7:

解决了吗,遇到同样的问题了,已确定不是网络问题,个人感觉好像是vue-router的问题

回答8:

谢谢上面的各位,,但确实不是网络的问题,公司是台式机开不了wifi只能回去再试了

标签: JavaScript