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

前言

在写前端页面中,经常会在浏览器运行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.即关闭服务成功。

原文地址:https://www.cnblogs.com/nolaaaaa/p/9126385.html

时间: 2024-10-07 11:37:46

使用http-server开启一个本地服务器的相关文章

Node-anywhere 搭建了一个本地服务器环境

不管你是后台开发人员还是前端,有些时候测试某个模块的时候或者需要用手机或其他手持设备访问,这时就有必要搭建一个本地服务器!传统的服务器操作繁杂,在此给他大家搭建另外一种小巧的本地服务器: Node-anywhere搭建了一个本地服务器环境,随时随地预览本地静态资源文件. 如果电脑没有安装nodejs的同学,首先去nodeJs官网下载最新版nodeJs     https://nodejs.org/en/ 安装成功后win+r打开cmd 输入node -help 或者node -v查看是否安装成功

前端建立一个本地服务器:browser-sync

1.安装browser-sync: npm i browser-sync --save-dev 2.在package.json中添加启动代码: "start": "./node_modules/.bin/browser-sync start --server --no-notify --files='index.html,*.css,*.js" 3.运行:npm run start ,监听在localhost:3000端口: 原文地址:https://www.cnb

用Eclipse和Tomcat搭建一个本地服务器

服务器软件环境 Eclipse oxygen Tomcat 9.0 SQL Sever 2014 参考资料 https://blog.csdn.net/qq_21154101/article/details/89480899 原文地址:https://www.cnblogs.com/helloworldToDu/p/12163860.html

json server的简单使用(附:使用nodejs快速搭建本地服务器)

作为前端开发人员,经常需要模拟后台数据,我们称之为mock.通常的方式为自己搭建一个服务器,返回我们想要的数据.json server 作为工具,因为它足够简单,写少量数据,即可使用. 安装 首先需要安装nodejs,建议使用最新版本.然后全局安装json server. npm install json-server -g 安装完成后可以用 json-server -h 命令检查是否安装成功,成功后会出现json-server相关的参数选项. 运行 安装完成后,可以在任一目录下建立一个 xxx

血泪经验分享--->SQL Server 2012建立链接服务器

现在我有一个需求是需要在两个不同的SQL SERVER 2012的服务器之间进行数据访问和更新.我们需要把Server One的数据插入到Server Two的服务器上去,一天执行一次任务.我们的首选方案是在两个服务器之间建立链接服务器,下面介绍下如何建立链接服务器. 我需要做的事情是,我需要定时的全量的把Server one的数据插入到Server Two里去.所以这里就涉及到需要把Server Two里的表的信息做删除操作,由于我们都知道delete表是需要记录日志,他是为了回滚用的.所以要

利用CocoaHttpServer搭建手机本地服务器

原理 使用CocoaHTTPServer框架,在iOS端建立一个本地服务器,只要电脑和手机连入同一热点或者说网络,就可以实现通过电脑浏览器访问iOS服务器的页面,利用POST实现文件的上传. 实现 1.下载CocoaHTTPServer 2.导入CocoaHTTPServer-master目录下的Core文件夹 3.导入Samples/SimpleFileUploadServer目录下的MyHTTPConnection类文件和web文件夹 导入web文件夹的时候,一定要使用真实的目录,而不是xc

微信小程序开发入门(一),Nodejs搭建本地服务器

1.  如何模拟真实环境中,读取服务端数据,首先需要使用Nodejs搭建一个本地服务器的环境. 在搭建web服务器之前,需要先安装node.js(安装版本最好为6.9.x) 安装后node.js,接下来就需要安装http的镜像文件 npm install http-server -g(windows下)sudo npm install http-server -g(linux和mac下)接下来在桌面创建一个文件夹 cd 文件夹名字http-server这时候,就会显示在8080端口下运行的一个本

手机访问本地服务器

做开发难免会有手机测试,可是自己没有服务器,没有外网映射工具,没有... 可是自己本地服务器已经搭起来了,怎么才能用手机连上呢?下面就让我们来看看我是怎么做的吧 准备工作:你的电脑和手机都必须联网,而且在同一个ip区段里(说白了就是连在同一个路由器上),其次,本地服务器必须启动起来,电脑是win7系统的,win8好像有的可以,有的不可以,条件有限,没有深入研究. 1:我先用nodeJs+express搭建了一个本地服务器.(不会的可以看我博客里关于node的笔记,或者自行网上搜索) 这里我用了e

浅谈本地服务器的搭建(XAMPP)

很多时候我们在开发的时候,需要在线运行我们的程序,这就需要服务器,但是基本很多情况,服务器都是后端在管理的,很多公司的前端是拿不到服务器登录信息的,在这样的情况下,我们就可以在自己的电脑上搭建一个本地服务器,来模拟在线运行的环境. 下面我来讲一下,我比较习惯用的,XAMPP,我选择它的原因是,我偶尔要写点PHP,并且它的安装配置很简单. 下载的官网(https://www.apachefriends.org/zh_cn/index.html) 什么是XAMPP? XAMPP是最流行的PHP开发环