分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

静态资源文件管理(配置静态文件环境,这样就可一直接引入css以及图片)

发布时间:2023-09-06 01:34责任编辑:郭大石关键词:配置
/*
* 这是fs模块
* */
var http = require("http");
var url = require("url");
var fs = require("fs");
var path = require("path");
http.createServer(function(req,res){
???//得到用户的路径
???var pathname = url.parse(req.url).pathname;
???//默认首页
???if(pathname == "/"){
???????pathname = "1.html";
???}
???//拓展名
???var extname = path.extname(pathname);
???//真的读取这个文件
???fs.readFile("./static/"+pathname,function(err,data){
???????if(err){
???????????//如果此页面不存在返回404
???????????console.log(1);
???????????fs.readFile("./static/404.html",function(err,data){
???????????????res.writeHead(404,{"Content-type":"text/html;charset=UTF-8"});
???????????????res.end(data);
???????????});
???????????return;
???????}
???????var mime = getMime(extname);
???????res.writeHead(200,{"Content-type":mime});
???????res.end(data);
???});

}).listen(3000,"127.0.0.1");

function getMime(extname){
???switch (extname){
???????case ".html":
???????????return "text/html";
???????????break;
???????case ".jpg":
???????????return "image/jpg";
???????????break;
???????case ".png":
???????????return "image/png";
???????????break;
???????case ".css":
???????????return "text/css";
???????????break;
???}
}

静态资源文件管理(配置静态文件环境,这样就可一直接引入css以及图片)

原文地址:https://www.cnblogs.com/boonook/p/8232871.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved