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

Question

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

<template>
  <div id="app">
    <p>
      11212
    </p>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style>

</style>

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

用uc开发者版调试

Answer 6

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

Answer 7

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

Answer 8

我现在也碰到这个问题

我的原因是：

由于使用了在static文件夹下的js的文件中使用了es6语法 而该目录下是不会被babel转换的 移动端设备有些不支持es6语法 就会出错 无法渲染。

解决方法是：

将js文件放到assets文件夹下即可。

Answer 9

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

Answer 10

之前遇见过在qq浏览器中不能用,但用微信能打开