css文件不加载express-handlebar

toe95027  于 2023-01-14  发布在  其他
关注(0)|答案(2)|浏览(134)

我有麻烦的CSS访问使用express-handlebar。我看不到的问题,我希望有你的帮助。
以下是我的工作区:Workspace/Meus Arquivos
在我家里。车把:<link rel="stylesheet" href= "css/home.css">
在我家。
页脚{背景色:蓝色; }
而不是像我要求的那样显示蓝色背景,它什么也不显示:
页脚代码:

<footer>
    <font size = 4>
        <h5>© 2019 Suplementos Atlética</h5>
    </font>
</footer>

Footer/Rodapé

suzh9iv8

suzh9iv81#

在expresss中,你必须设置express static,它看起来像下面的代码:

app.use(express.static('public'));

如果公用文件夹在src文件夹中,请使用以下方法

app.use(express.static("src/public"));

现在,您可以在根应用中创建一个public文件夹,在公共文件夹中创建一个css文件夹,并将您的样式放入其中。
因此,您的目录如下所示:

  • 源代码
  • 公共〉css〉主页. css
  • 视图
    **如何使用?**您可以这样调用您的链接:
<link rel="stylesheet" href= "/css/home.css">

作为一个例子,你可以看看我的示例项目在这里:https://codesandbox.io/s/elegant-fog-1n61o

a7qyws3x

a7qyws3x2#

创建一个名为“public”的基本文件夹,然后创建一个包含所需css文件的“css”文件夹
另外,在index.js中,请确保具有以下内容:

var app = express();
    //serve up your main public folder
    app.use('/', express.static(path.join(__dirname, '../public')));`
    //set the layout engine your using
     app.engine('handlebars', exphbs());
     app.set('view engine', 'handlebars');
     app.get('/', function (req, res) {
     // would render your home.handlebars page
         res.render('home');
     });

您的公共文件夹应该具有css/home.css,并且它应该呈现在您创建的主页中

相关问题