使用http-server开启本地静态资源服务

原文地址 : 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和局域网访问就可以了

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值