node.js express搭建的html页面引入css MIME报错

        最近刚开始学习node.js,下载了几本电子书跟着学学,但是发现express框架的教程都是用jade模板或者ejs模板的,作为一个前端,我并不想用这些老旧的模板,于是用决定用ejs来加载html。配置如下(express版本为4.13.1):

app.engine('html',ejs.__express); 
app.set('view engine', 'html');

        这时候问题出现了,我在html里面引入css的时候浏览器报错了内容为:because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

        最终解决方法如下:

//在app.js中用express.static()来访问public目录下的静态文件
//可以写多个express.static()来访问多个目录
app.use(express.static(path.join(__dirname, 'public'))); 

上面的配置其实网上很容易找到,但是我这边报错还是存在,问题出在了css引用路径上面,我一开始用的是<link rel="stylesheet" type="text/css" href="../public/css/style.css"/>,由于我们上面已经配置过了读取public目录的静态文件,所以在html里面我么只需要写public后面的路径就可以了,如下:

//html里面引入css
<link rel="stylesheet" type="text/css" href="/css/style.css"/>

 

 

 

 

 

 

 

 

 

 

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值