原文地址 : https://dsx2016.com/?p=436
➢ 访问电脑本地静态资源
有时候,当我们想在浏览器访问html
文件的时候.
不希望是file协议的地址形式,因为这会引起跨域或者打不开等问题.
也方便我们在同一个局域网内使用ip等访问静态文件
➢ 设置本地静态资源html
如果已有文件,请忽略.
为了演示,这里新建一个index.html
文件
写入代码
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div>test http_server</div> </body> </html>
最简单的内容即可
➢ 安装http-server
全局安装http-server
npm install http-server -g
➢ 当前目录运行http-server
在有html
的当前目录打开终端命令行
输入
http-server
就会看到静态资源已经设置了服务器.
并且列出了当前ip和可以访问的地址列表
选中一个复制,到浏览器打开即可
➢ 浏览器效果
这个时候发起api
和局域网访问就可以了