侧边栏壁纸
博主头像
沙漠渔

把過去的累積,善用到當下

  • 累计撰写 472 篇文章
  • 累计创建 285 个标签
  • 累计收到 946 条评论
标签搜索

目 录CONTENT

文章目录

本地简单搭建http-server方便前端页面开发

沙漠渔
2022-07-13 / 0 评论 / 0 点赞 / 555 阅读 / 616 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-07-13,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

有时候为了查看html文件的效果,或是css或是js,直接浏览器打开发现无法使用,怎么办呢?本地简单创建一下http环境就可以了,有两个简单方法,nodejs或者nginx都可以,这里简单说明一下nodejs的http-server

一、用途

在写前端页面中,经常会在浏览器运行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
只输入http-server的话,更新了代码后,页面不会同步更新
或者http-server -a 127.0.0.1 -p 8080 -c-1
同步更新页面并且设置了ip和端口号

4 关闭 http-server服务

按快捷键CTRL-C

0
广告 广告

评论区