手机端访问百度首页，却正常？填坑

2018.04.24

#

#

最近用 vue 做了一个 web 音乐 App, 想看看在手机端的样子。

因为之前都是使用草料二维码查看，但是最近使用草料二维码的时候报错Chrome 自动升级后，本地项目都无法访问，页面显示不了。于是就想使用 真机调试 web 页面，发现手机端的页面还是显示不了。

于是就开启了一段填坑之路。

1.以下是手机端报错信息

采用 真机调试，使用 pc 的 ip,手机端依然不能访问。但是手机端访问 百度首页，却正常。

2、于是自己采用了以下方式：

可以依然，没有作用。

3、进一步处理 4、于是问题就在于，怎么让 pc 端通过 ip 来访问项目。

通过询问Chrome 自动升级后，本地项目都无法访问，终于知道了方法。由于本项目是采用的vue, 服务端是 。修改如下：

通过修改之后，PC就可以通过 ip 来访问项目了。

5、 真机调试就成功了。注意事项如下： 6、如果草料二维码的报错处理

自己刚开始的时候，把 修改为 pc 的 ip ,手机上扫二维码依然不能查看，最终修改了服务端的设置，才成功。如何修改，请见上面第二张图片。

自己之前在使用vue－cli 做项目的时候，使用草料二维码，只要将 修改为 ip, 使用手机扫一扫，就可以查看，但是最近好像vue-cli有变化，还要同时修改 目录下的 index.js 文件中的 host。也就是将 修改为 ip。

注意：草料二维码，需要手机和 pc 处于同一个网络下。

具体如何操作的请见：