logo头像
Snippet 博客主题

在本地创建服务用ip地址访问

本文于 401 天之前发表,文中内容可能已经过时。

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

1、下载node.js

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

2、下载http-server

1
2
在终端输入:
npm install http-server -g

3、开启 http-server服务

终端进入目标文件夹,然后在终端输入:

1
http-server -c-1

image-20230417001033115

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

1
2
[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"

4、解决办法

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

4.2 anywhere安装命令:npm install -g anywhere

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

1
anywhere -p 8080

image-20230417001041316

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

1
http://10.9.3.215:8081/mapTest2.html