前端html页面，手机查看

在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。
本文是利用node.js中的http-server，开启本地服务，步骤如下：

1 下载node.js

官网地址： https://nodejs.org
下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本，确认是否安装成功。

2 下载http-server

在终端输入：
npm install http-server -g

3 开启 http-server服务

终端进入目标文件夹，然后在终端输入：

http-server -c-1

image.png

4 这时候打开页面无法正常显示,终端给出提示

[Wed Aug 21 2019 07:27:19 GMT+0800 (GMT+08:00)]"GET /" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/7575.0.3770.100 Safari/537.36" .0.3770.100 Safari/537.36" .0.3770.100 Safari/537.36"
[Wed Aug 21 2019 07:29:43 GMT+0800 (GMT+08:00)]"GET /" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36".0.3770.100 Safari/537.36"

5 解决办法

5.1 装anywhere！然后在要设置的目录下 运行anywhere!就可以解决了！ anywhere可以打开静态页面

5.2 anywhere安装命令：npm install -g anywhere

5.3 使用：在要启动静态服务的目录下执行

anywhere -p 8080

image.png

6 最后一步,在端口号后面添加要打开的文件,手机端输入地址也可以访问这个页面了

http://10.9.3.215:8081/mapTest2.html