本文分享了作者在Node.js环境下搭建项目并引入CSS样式时遇到的问题及解决过程。通过正确配置app.js文件使用express.static中间件，并在HTML文件中正确引用public文件夹内的资源，最终成功渲染CSS样式。
自从毕业来到公司已经有四个月啦，妹子我很幸运遇到了很多大神同事，其中最幸运的就是遇到我的超级超级温柔导师。师父让我看node，然后从入职后看书、看demo，感觉学的还是很慢的，这几天受到旁边帅帅同事的启发，开始做个小demo，把之前学的以及不会的再运用中巩固。
今天就是搭建环境，其中，引入css样式时，发现页面中并不能显示渲染出想要的效果来，
app.js中载入public文件夹
app.use (express.static('public'));
app.use(express.static('public'));
然后要注意，在其他ejs或者html页面中引用相关文件时，要针对public文件引入。
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>we</title> <link rel="stylesheet" href="./ionic-v1.3.2/css/ionic.css"/> <script src="./ionic-v1.3.2/js/angular/angular.js"></script> <script src="./ionic-v1.3.2/js/ionic.js"></script> </head> <body> <div class="bar bar-header bar-dark"> <h1 class="title">bar-dark</h1> </div> </body> </html>
扫一扫
4503
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
