使用http-server开启一个本地服务器(代码片段)

Nola Nola     2022-11-19     220

关键词:

前言

在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在httphttps的链接时,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
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.8.196:8080
Hit CTRL-C to stop the server

4 关闭 http-server服务

按快捷键CTRL-C
终端显示^Chttp-server stopped.即关闭服务成功。

使用http-server开启一个本地服务器

终端进入目标文件夹,然后在终端输入:$http-server-c-1(??只输入http-server的话,更新了代码后,页面不会同步更新)Startinguphttp-server,serving./Availableon:http://127.0.0.1:8080 http://192.168.8.196:8080 HitCTRL-Cto stoptheserve 查看详情

使用http-server开启一个本地服务器

终端进入目标文件夹,然后在终端输入:$http-server-c-1(??只输入http-server的话,更新了代码后,页面不会同步更新)Startinguphttp-server,serving./Availableon:http://127.0.0.1:8080 http://192.168.8.196:8080 HitCTRL-Cto stoptheserve 查看详情

快速启动本地文件-http-server(代码片段)

启动本地文件全局下载http-server1-win+R2-cmd3-使用npm/cnpm全局下载服务文件cnpmihttp-server-g4-cmdcd进入文件地址5-http-sever(默认端口)/http-server-p(自定义端口) 查看详情

一个简单的零配置命令行http服务器-http-server(nodejs)

http-server是一个简单的零配置命令行HTTP服务器,基于nodeJs.如果你不想重复的写nodeJs的web-server.js,则可以使用这个.安装 (全局安装加 -g): npminstallhttp-server Windows下使用:在站点目录下开启命令行输入http-server  访问:&nb... 查看详情

关于http-server的备选方案--browser-sync(代码片段)

回顾一下之前的问题:我的问题是:http-server无法使用我的需求:一个本地文件服务器问题的答案:除了开发者基本无解需求的替代解决方案:微软IISnpm工具browser-syncpython自带工具python-mSimpleHTTPServer这里记录一下browser-sync的安装b... 查看详情

http-server:一个简单的零配置命令行的http服务器

首先简介一下http-server:  http-server是一个简单的零配置命令行http服务器,他对于生产使用来说足够强大,他是简单和可删节足以用于测试,足够简单易用,而且可用于本地开发1、首先你要安装node2、然后可以通过npm来全局... 查看详情

window下,nodejs安装http-server,开启命令行http服务器

...表安装成功;第三步:在node命令行下,输入 npminstallhttp-server-g,安装成功后会出现上图这样的文字,把上面选中那行加入环境变量PATH中。第四步:进入你的文件目录,输入http-server 查看详情

全局安装与本地安装(代码片段)

...装的软件包不能使用require()方法导入到项目中。npminstallhttp-server--global例如,上面的命令全局安装了一个http-server软件包,该软件包提供了一个http-server命令,可以在任意目录下打开一个http服务器,并托管该目录下的所有静态资... 查看详情

前端搭建本地服务器

...本地服务器右键,使用LiveServer打开;1.安装node.js;2.安装http-serverhttp-server详细介绍,包括参数等:https://www.npmjs.com/package/http-server在命令行中安装到全局(-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用):... 查看详情

http-server安装及运行

...录下,然后启动nginx来启动项目,另外一个办法就是安装http-server 直接启动本地服务,下面则是http-server安装和启动:既然你知道http-server那么node和npm的安装我就不说了,当然你也可以实用Yarn安装.重点:请实用管理员权限安装se... 查看详情

windows7环境下的http-server的安装(代码片段)

这几天发现自己的http-server出现了一些问题,也找了一些方法,折腾了几天,想记录一下,顺便也把安装过程也写出来吧。开启本地的http-server可以帮助我们在写html、css、js的时候动态调整。以下操作都在windows7坏境下进行的:第... 查看详情

本地服务,测试接口

...1.安装服务器,启动服务器(在json文件的当前目录启动)http-server.cmd-c-12.新建.json的文件夹,将所需要的接口返回值放到这个文件夹下3.然后将项目中的接口地址替换为本地的地址,即可测试http://192.168.3.206:8080/dayliy.json  查看详情

怎么在本地安装swaggereditor

...v2.10.3),如果你没有http服务器,可以使用node.js中的一个http-server模块。使用http-server 模块&安装:#npminstall-ghttp-server#wgethttps://github.com/swagger-api/swagger-editor/releases/download/v2.10.3/swagger-editor.zip#unzipswagger-editor.zip#http-serverswagger-edito... 查看详情

无法使用 http-server wiki 示例

】无法使用http-serverwiki示例【英文标题】:Unabletousehttp-serverwikiexample【发布时间】:2015-10-1420:35:31【问题描述】:我使用AngularJs制作了一个网络应用程序,用户可以使用ng-file-upload将.txt文件上传到服务器。现在我想要一个简单的... 查看详情

node.js服务器

http-server是一个简单的零配置命令行HTTP服务器,基于nodeJs.如果你不想重复的写nodeJs的web-server.js,则可以使用这个.安装 (全局安装加 -g): npminstallhttp-server Windows下使用:在站点目录下开启命令行输入http-server  访问:&nb... 查看详情

尝鲜.netcore2.1——编写一个globaltool(代码片段)

...发都知道,npm包都可以以全局的方式安装,例如安装一个http-server服务,可以使用npmihttp-server-g来将http-server包安装到全局环境。安装完之后,就可以通过cmd或者powershell运行全局工具http-server命令,来使用静态托管服务。dotnet 查看详情

本地html结构可在手机上打开http-server

参考技术A如何在手机上运行本地的index.html1、全局安装http-server:npminstallhttp-server-g2、安装完成后,找到html文件夹所在的目录,在这个目录下运行命令:http-server 查看详情

http-server服务跨域设置(代码片段)

http-server--cors-p9999--------------------------------------------------------------------------------------------------------------------------------------------------------------------AvailableOpti 查看详情