nodejs部署前端项目的方法,已解决
2022/7/14 4:20:11
本文主要是介绍nodejs部署前端项目的方法,已解决,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
今天给大家分享下通过nodejs部署前端项目的方法,具体如下:
服务器需要安装:node
然后创建如下代码app.js文件
const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
// 以上是系统命令,不需下载
// npm install mime 下载插件,解析文件类型,作用是防止低版本浏览器无法识别文件类型而导致的错误
const mime = require('mime');
// 创建服务器
const app = http.createServer();
// 服务器请求事件
app.on('request', (req, res) => {
// 获取用户请求路径
let pathname = url.parse(req.url).pathname;
pathname = pathname == '/' ? '/index.html' : pathname;
// 将用户请求的路径转换为服务器盘符实际路径
//如:c:\test\demo\index.html
let realpath = path.join(__dirname, 'public' + pathname);
// 解析文件类型
let type = mime.getType(realpath);
// 读取文件
fs.readFile(realpath, (error, result) => {
if (error != null) {
res.writeHead(400, {
'content-type': 'text/html;charset=utf8'
})
res.end('文件读取失败!')
// 退出
return;
}
// 设置文件类型
res.writeHead(200, {
'content-type': type
})
// 输出
res.end(result)
})
})
// 设置端口号3000并进行监听
app.listen(3000);
console.log("服务器启动成功!");
文件编写好后,用PowerShell命令行切换到此app.js文件所在目录
node app.js
PowerShell输出----服务器启动成功! 就完成部署了
然后就可以在浏览器输入:localhost:3000(或者127.0.0.1:3000)即可访问你的index.html文件。
以上便是nodejs部署前端项目的方法,已解决的全部内容,更多内容干货可关注慕课网~
这篇关于nodejs部署前端项目的方法,已解决的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2025-01-04React 19 来了!新的编译器简直太棒了!
- 2025-01-032025年Node.js与PHP大比拼:挑选最适合的后端技术进行现代web开发
- 2025-01-03?? 用 Gemini API、Next.js 和 TailwindCSS 快速搭建 AI 推文生成项目 ??
- 2024-12-31Vue CLI多环境配置学习入门
- 2024-12-31Vue CLI学习入门:一步一步搭建你的第一个Vue项目
- 2024-12-31Vue3公共组件学习入门:从零开始搭建实用组件库
- 2024-12-31Vue3公共组件学习入门教程
- 2024-12-31Vue3学习入门:新手必读教程
- 2024-12-31Vue3学习入门:初学者必备指南
- 2024-12-30Vue CLI多环境配置教程:轻松入门指南