1

在开发我的网站时，我遇到了静态 CSS、JS 和图像文件加载到我的网站的方式的问题。一旦我浏览了 .index 文件或任何路由树，我的静态目录就会错误加载，并且路由索引会突然添加到静态文件目录路径中。

我已经编写了一个 yelpcamp 应用程序，我正在对这个应用程序进行建模，就像我编写的那样工作正常，但是由于某种原因，这引发了这个特定的错误，我找不到任何资源来帮助纠正。

包含所有声明和静态文件加载的主 app.js 文件

// REQUIREMENTS
var express         = require("express"),
    app             = express(),
    bodyParser      = require("body-parser"),
    mongoose        = require("mongoose"),
    methodOverride  = require("method-override"),
    nodemailer      = require("nodemailer"),
    expressSanitizer= require("express-sanitizer"),

// MODELS
    blog            = require("./models/blog"),

// ROUTES LOCATIONS
    indexRoutes         = require("./routes/index"),
    blogRoutes          = require("./routes/blog"),
    contactRoutes       = require("./routes/contact");

// SETUP  
mongoose.connect("mongodb://localhost/*ChangedForPrivacy*");
app.use(bodyParser.urlencoded({extended: true}));
app.set("view engine", "ejs");
app.use(express.static(__dirname + "/public"));
app.use(methodOverride("_method"));

// ROUTE INDEX
app.use("/", indexRoutes);
app.use("/contact", contactRoutes);
app.use("/blog", blogRoutes);

这是我的路由文件夹中的 blog.js 文件，我注意到静态文件正确加载

// REQUIREMENTS
var express     =   require("express"),
    Posts       =   require("../models/blog"),
    router      =   express.Router();


// INDEX- SHOW ALL Posts
router.get("/", function(req,res){
    // find all POSTS
    Posts.find({}, function(err, allPosts){
        if(err){
            console.log(err);
        } else{
            // this is index because lots of paths are derived from it (landing pages are separate entities)
            res.render("blog/home",{posts: allPosts});
        }
    });
});

// NEW (FORM PAGE)
router.get('/new', function (req,res){
    res.render("blog/newpost");
})
// CREATE (POST TO PAGE)
// EDIT (PUT TO PAGE)
// DELETE
// EXPORT TO ROUTER
module.exports = router;

/blog/home 页面完美地加载了静态 CSS、JS，但是一旦您到达 /blog/newpost，它就会更改静态文件的路径，现在将 /blog 包含在其中。我希望路由结构中的第一个 app.get 能够正常工作，它们都会遵循，但我不知道为什么它会不断添加额外的路由目录。

4

1 回答 1

1

我在 partials/header.ejs 文件中发现了错误。我在我的静态 CSS/JS 文件的根之前省略了“/”，因此路由器按照它的路径添加了正确的路由。

于 2019-05-17T11:32:05.020 回答