为什么取消CSS文件?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (22)

我正在做一个简单的节点项目来练习,但我不能设法用它的CSS样式提供html文件。之前我在问过同样的问题,但我没有提到css文件的状态在开发者工具中被“取消”了。当我编辑它没有人回答为什么它被取消,所以我希望有人帮助我。这是我的app.js代码:app.use(“/ signup”,express.static(“public”));

app.get("/", (req, res)=>{
 res.send("Welcome to our website");
});

app.get("/signup", (req, res)=>{
 res.sendFile(`${__dirname}/index.html`)
})

这是我的HTML代码:

<head>
    <title>testapp</title>
    <link href="./public/styles.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <form method="post" action="/signup">
        <input type="text" placeholder="*First Name" required></input>
        <input type="text" placeholder="*Last Name" required></input>
        <input type="number" placeholder="*Age" required></input>
        <input type="email" placeholder="*Email" required></input>
        <input type="submit" value="Submit" required></input>
    </form>
</body>

当我删除“/ signup”的get方法,并将我的index.html放在公共目录中同时更新到css的链接时,它工作得很好,但我不希望它在'/'路由中。而且在没有localhost的情况下打开index.html文件时,它可以正常工作。求助谢谢!

提问于
用户回答回答于

您不需要/public在css链接中指定; 只需执行以下操作:

<link href="/styles.css" type="text/css" rel="stylesheet"/>

扫码关注云+社区

领取腾讯云代金券