关键词:
前言
在写前端页面中,经常会在浏览器运行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
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 查看详情