21xrx.com
2025-04-04 03:28:16 Friday
文章检索 我的文章 写文章
如何使用nodejs搭建服务器访问本地HTML文件
2023-06-27 07:12:50 深夜i     --     --
Node js Server Local HTML file Access Setup

Nodejs是一个基于Chrome的V8引擎开发的JavaScript运行环境。它可以让JavaScript在服务器端运行，实现了更加高效的服务器端代码编写。在这个过程中，使用Nodejs搭建服务器可以非常方便地访问本地HTML文件，同时也可以利用其他Nodejs的模块来实现更加复杂的功能。下面将介绍如何使用Nodejs搭建服务器访问本地HTML文件。

1. 安装Nodejs

首先需要安装Nodejs。可以在Nodejs官网上下载相应的安装包进行安装。安装完成后，打开终端或控制台，输入node -v命令，如果输出了Nodejs版本号，说明安装成功。

2. 创建本地文件夹

接着，需要在本地创建一个文件夹，用于存放HTML文件和服务器脚本。可以直接在桌面或其他目录下新建一个文件夹，例如命名为server。

3. 创建服务器脚本

在server文件夹下，打开文本编辑器，创建一个名为server.js的文件，在文件中输入以下代码：

const http = require('http');
const fs = require('fs');
const path = require('path');
http.createServer(function (request, response) {
 console.log('request ', request.url);
 let filePath = '.' + request.url;
 if (filePath === './')
  filePath = './index.html';
 
 const extname = String(path.extname(filePath)).toLowerCase();
 const mimeTypes = {
  '.html': 'text/html',
  '.js': 'text/javascript',
  '.css': 'text/css',
  '.json': 'application/json',
  '.png': 'image/png',
  '.jpg': 'image/jpg',
  '.gif': 'image/gif',
  '.wav': 'audio/wav',
  '.mp4': 'video/mp4',
  '.woff': 'application/font-woff',
  '.ttf': 'application/font-ttf',
  '.eot': 'application/vnd.ms-fontobject',
  '.otf': 'application/font-otf',
  '.svg': 'application/image/svg+xml'
 };
 const contentType = mimeTypes[extname] || 'application/octet-stream';
 fs.readFile(filePath, function(error, content) {
  if (error) {
   if(error.code == 'ENOENT'){
    fs.readFile('./404.html', function(error, content) {
     response.writeHead(404, { 'Content-Type': 'text/html' });
     response.end(content, 'utf-8');
    });
   }
   else {
    response.writeHead(500);
    response.end('Sorry, check with the site admin for error: '+error.code+' ..\n');
    response.end();
   }
  }
  else {
   response.writeHead(200, { 'Content-Type': contentType });
   response.end(content, 'utf-8');
  }
 });
}).listen(8080);
console.log('Server running at http://127.0.0.1:8080/');

4. 运行服务器

接下来可以在终端或控制台中进入server文件夹，输入node server.js命令启动服务器。如果一切正常，终端或控制台会输出“Server running at http://127.0.0.1:8080/”。

5. 访问本地HTML文件

最后，在浏览器中输入http://127.0.0.1:8080/即可访问本地index.html文件。如果有其他HTML文件需要访问，只需要将其保存在server文件夹中，然后在浏览器中输入相应文件名即可。

以上就是使用Nodejs搭建服务器访问本地HTML文件的全部过程。同时，在这个过程中，也可以添加其他模块，实现更加复杂的功能。例如，可以使用Express模块来简化HTTP请求处理；可以使用Socket.io模块实现实时数据传输；可以使用Mongoose模块连接MongoDB数据库等。Nodejs作为一种轻量级、高效、快速的技术，值得大家深入学习和应用。

  
  

评论区