赞
踩
使用http-server开启本地服务
前端开发中,经常会遇到要在浏览器中运行一个HTML页面,从本地文件夹中直接打开的一般都是file协议,如果代码中存在http或https的链接时,HTML页面就无法正常打开,此时,需要开启一个本地服务器来运行。
安装node.js
由于Node.js平台是在后端运行JavaScript代码,所以,必须首先在本机安装Node环境。
node.js下载地址:https://nodejs.org/en/
安装完成后,在Windows环境下,打开命令提示符,然后输入:
node -v
如果安装成功,会输出node 的版本号。
npm是Node.js的包管理工具(package manager),npm在Node.js安装的时候会顺带装好。
在Windows环境下,打开命令提示符,然后输入:
npm -v
会输出npm 的版本号,确认安装成功。
安装http-server
http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs。
http-server 是一个简单的服务部署,比Express更轻便,只是一个服务搭建工具,可以不安装到项目的目录中。
在Windows环境下,打开命令提示符,然后输入:
npm install http-server -g //全局安装
开启http-server本地服务
Windows环境下,在目标文件夹(站点目录)打开命令提示符,然后输入:
http-server
本地服务器就启动起来了,默认端口为8080
访问以上两个地址即可
当环境安装配置完成后(即node.js和npm安装完毕后)
某些系统运行http-server时进入localhost 地址时出现如下报错:
1.
2.
经测试错误原因:
node.js的版本过低,由于本人使用的时win10系统所以Node.js低版本不适配
测试后node.js 的v13版本以及v13以后的版本都可以适配win10和win11的系统
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。