node.js – Express:如何将font-awesome作为静态内容提供?

前端之家收集整理的这篇文章主要介绍了node.js – Express:如何将font-awesome作为静态内容提供?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用express来在我的网站上提供静态内容,我想要整合FontAwesome(npm install font-awesome).但是在Font-Awesome的css中,字体文件链接附有一个查询字符串,其中包含表达不明白的版本信息.

有没有人遇到这个并找到了修复?是否有一种简单的方法可以使表达式忽略静态内容的qs?

var express = require('express')
var app = express()

app.use('/static',express.static('./node_modules/font-awesome/css'))
app.use('/static',express.static('./node_modules/font-awesome/fonts'))

// response 200 | /static/font-awesome.min.css
// error 404    | /static/fontawesome--webfont.woff?v=4.6.3

更新
正如@DenysSéguret所指出的那样,我认为不是qs.实际的请求是针对/fonts/fontawesome–webfont.woff?v = …

app.use('/fonts',express.static('./node_modules/font-awesome/fonts'))

解决方法

当您的浏览器请求/static/fontawesome–webfont.woff?v=4.6.3时,服务器可以自由忽略?v = xxx部分.这就是express.static模块所做的事情.该部分的重点是防止浏览器和代理使用旧版本的文件.

所以问题不在于你认为的问题.问题是您将静态路由映射到两个服务器.第一个找不到文件并发出404.

(脏)解决方案1:

更改您的映射

app.use('/static',express.static('./node_modules/font-awesome'))

并更改网址:

/static/fonts/fontawesome--webfont.woff?v=4.6.3

我说它很脏,因为你正在提供节点模块的未经检查的内容(当你进行npm更新时会更新).你永远不应该这样做.

解决方案2:

创建一个静态目录(名称无关紧要)并将其放入./node_modules/font-awesome/css和./node_modules/font-awesome/fonts目录的内容中,然后使用

app.use('/static',express.static('./static'));
原文链接:https://www.f2er.com/nodejs/241242.html

猜你在找的Node.js相关文章