快速搭建本地WebServer环境--anywhere

jts666

已于 2022-07-27 16:17:25 修改

阅读量1.3k

点赞数

分类专栏： WebServer 文章标签：前端 javascript 服务器

于 2022-07-23 23:07:01 首次发布

本文链接：https://blog.csdn.net/jts666/article/details/125953945

版权

WebServer 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

方式1. Nodejs anywhere 命令快速搭建

(需要nodejs环境)
● 安装anywhere包

npm install -g anywhere

● 在目录地址栏输入cmd, 打开命令提示符窗口, 输入命令
在这里插入图片描述

anywhere -p 8000

在这里插入图片描述

● 将会自动在浏览器打开, 或者手动输入本机ip:8000 打开

方式2. 使用 PhpStudy 软件

下载链接: PhpStudy

方式3. 使用 Nodejs + Express

新建空目录 WWW
cmd打开命令提示符窗口, 安装 express 包

npm install express

新建index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>    
</body>
</html>

新建 server.js

	/**引入express框架，使用require函数传递形参 'express' 进行引入，其实在 let 的后面的名称可以自己定义即可*/	
    let express = require('express');    
    /**使用引入进来的express框架的变量名express来构建一个web服务器实例，名叫myWeb，也可自定义实例名称*/
    let myWeb = new express();
    /** 端口号监听 */
    myWeb.listen(84, function () {
        //这里可以输入服务器启动成功后要执行的代码，如启动是否成功等终端输出提示，一般这个回调函数可有可无
        console.log('服务器启动成功~');
    });   
    myWeb.use("/index.html", express.static("D:\\WWW"));

在这里插入图片描述

执行 server.js 文件
在浏览器打开 http://localhost:84/index.html

注:

// 此处配置 /game/index.html 时, 需要使用链接 http://localhost:84/game/index.html  
myWeb.use("/game/index.html", express.static("D:\\WWW"));

jts666

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录