nodejs搭建本地服务器

1.下载webstorm,安装详情可参考
https://blog.csdn.net/weixin_39150852/article/details/83142523
2.官网下载nodejs,按照默认顺序安装
3.打开webstorm创建一个新项目
4.创建一个新的文件夹,结构目录如下
在这里插入图片描述
5.打开webstorm左下方的Terminal(相当于windows的cmd终端),进入day03目录下
6.输入npm init初始化,输入npm install express@4 -s下载express模块
在这里插入图片描述
下载完成后day03的目录结构会自动改成
在这里插入图片描述
7. 导入express

const myexpress=require("express");

8.搭建服务器

const myapp=myexpress();

9.侦听

myapp.listen("端口号",()=>{
    console.log("day3-express服务器启动")
})

10.输入npm install morgan -s,下载morgan
在这里插入图片描述
11.导入morgan

const logger=require("morgan");

12.配置日志

myapp.use(logger("dev"));

13.配置静态资源

myapp.use(myexpress.static(__dirname+"/src"))

14.打开Run里面的 Edit Confuguration…选项
在这里插入图片描述

15.点击左上角的+,选择Node.js
在这里插入图片描述
16.选择正确的文件路径
在这里插入图片描述
17.将自己的本地文件放入src中
在这里插入图片描述
18.点击右上角的运行
在这里插入图片描述
19.浏览器中地址栏输入本机ip地址:端口号/index.html或localhost:端口号/index.html,即可正常访问

最终app.js代码:

const myexpress=require("express");
const logger=require("morgan");
const myapp=myexpress();
myapp.use(logger("dev"));
myapp.use(myexpress.static(__dirname+"/src"))
myapp.listen("8888",()=>{
    console.log("day3-express服务器启动")
})

扩展

npm:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等), NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,它是 Node 获得成功的重要原因之一。

cnpm:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

安装cnpm

npm i -g cnpm --registry=https://registry.npm.taobao.org

查看:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Node.js搭建本地服务器非常简单。首先,我们需要安装Node.js。 安装完成后,打开终端(或命令行窗口),进入想要搭建服务器的文件夹。 创建一个新的Node.js文件,命名为server.js(或其他任何你喜欢的名称),然后将以下代码复制到该文件中: ```javascript const http = require('http'); const fs = require('fs'); const path = require('path'); const server = http.createServer((req, res) => { let filePath = path.join(__dirname, req.url); let contentType = 'text/html'; fs.exists(filePath, (exists) => { if (exists) { fs.readFile(filePath, (error, content) => { if (error) { res.writeHead(500); res.end('Server Error'); } else { res.writeHead(200, { 'Content-Type': contentType }); res.end(content, 'utf-8'); } }); } else { res.writeHead(404); res.end('File Not Found'); } }); }); server.listen(3000, () => { console.log('Server running at http://localhost:3000/'); }); ``` 上述代码使用了Node.js的HTTP、FS和Path模块。server.js文件创建了一个HTTP服务器。当有请求发送到服务器时,它会检查请求的URL地址是否是文件路径,并将请求的文件作为响应发回给客户端。 在终端中运行以下命令启动服务器: ``` node server.js ``` 这将在本地启动一个HTTP服务器,监听在3000端口上。你可以通过浏览器访问http://localhost:3000/ 来访问该服务器。 请注意,在代码中,`contentType`变量默认设置为'text/html',这意味着服务器会将所有请求的文件作为HTML文件返回。你也可以根据需要更改它,例如如果你想返回CSS文件,可以将其设置为'text/css'。 以上就是使用Node.js搭建本地服务器并访问文件的简单过程。希望对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值