个人中心
gpt4 book ai didi

javascript - Node.js app.js 使 css 和 js 可用

转载 作者：行者123 更新时间：2023-11-28 13:02:12 25 4
gpt4 key购买 nike

我想知道如何制作我的 app.js 以便我可以从我的 index.html 或放置在我的“公共(public)”文件夹中的任何其他 html 页面访问任何 .js 或 .css 文件。我将 .css 和 .js 文件放置在“public”文件夹内的不同“css”或“javascript”文件夹中，但我真的不知道如何在不将 css 和 javascript 直接放置在公共(public)文件夹中的情况下让我的 index.html 连接到它们没有子文件夹的文件夹。

是否有可能使“公共(public)”文件夹中的所有文件都可以连接，而不必一直将它们添加到 app.js 中？

这是 app.js:

var
http = require('http'),
path = require('path'),
fs = require('fs'),

extensions = {
    ".html" : "text/html",
    ".css" : "text/css",
    ".js" : "application/javascript",
    ".png" : "image/png",
    ".gif" : "image/gif",
    ".jpg" : "image/jpeg"
};

function getFile(filePath,res,page404,mimeType){
    fs.exists(filePath,function(exists){
        if(exists){
            fs.readFile(filePath,function(err,contents){
                if(!err){
                    res.writeHead(200,{
                        "Content-type" : mimeType,
                        "Content-Length" : contents.length
                    });
                    res.end(contents);
                } else {
                    console.dir(err);
                };
            });
        } else {
            fs.readFile(page404,function(err,contents){
                if(!err){
                    res.writeHead(404, {'Content-Type': 'text/html'});
                    res.end(contents);
                } else {
                    console.dir(err);
                };
            });
        };
    });
};

function requestHandler(req, res) {
    var
    fileName = path.basename(req.url) || '/index/index.html',
    ext = path.extname(fileName),
    localFolder = __dirname + '/public/',
    page404 = localFolder + '404.html';

    if(!extensions[ext]){
        res.writeHead(404, {'Content-Type': 'text/html'});
        res.end("<html><head></head><body>The requested file type is not supported</body></html>");
    };

    getFile((localFolder + fileName),res,page404,extensions[ext]);
};

http.createServer(requestHandler)

.listen(process.env.PORT, process.env.IP);

任何帮助将不胜感激，如果您需要我列出我的文件夹结构，请告诉我(尽管我不知道为什么这是必要的...):)

最佳答案

关于javascript - Node.js app.js 使 css 和 js 可用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21170774/

25 4 0
文章推荐： css - 如何为一个变量应用样式
文章推荐： iOS 无法从 json 获取图像到 TableViewCell
文章推荐： html - 如何使用相对路径访问文件
文章推荐： javascript - 范围:在 JavaScript 中将局部变量传递给全局变量
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com