![](/img/trans.png)
[英]How to serve static files (css, js, img) with NGINX and Node.js
[英]Best way to serve static files using versioning with nginx / node
我实际上有:
我目前正在尝试寻找最佳方式来分发带有自定义前缀和版本控制的静态文件:
因此,我只设置了一个包含前缀的变量(取决于环境)。 然后,对于每个请求,我设置将前缀添加到快速中间件中的本地变量,以便在任何html模板中访问此变量:
this.use(function(req, res, next) {
res.locals.staticPrefix = staticPrefix;
next();
});
但是由于我也希望这些静态文件也可以由客户端的浏览器缓存,因此Nginx为这些文件提供expire = 30d。
现在要强制客户端检索静态文件(例如,如果它已更改),我需要为静态URL提供一个动态url参数。
我的第一个想法是在启动nodejs应用程序时设置一个版本变量,以将其附加到最终URL:
var staticVersion = new Date().getTime();
因此,在html模板中,“ myFile.css”的最终网址应为: staticPrefix + 'myFile.css?' + staticVersion
staticPrefix + 'myFile.css?' + staticVersion
在这种情况下,仅当其中一个静态文件已更新时,才需要重新启动nodejs应用程序。 它将使url更改(根据新日期),并使客户端对文件进行新请求。
有没有更好的方法来处理这种情况?
处理诸如CSS / JS文件之类的静态资产的最佳方法是在生产中最小化它们。 根据文件内容使用文件名。 这样,每次您更改js / css文件中的任何内容时,如果需要,缩小代码将负责生成新文件。 您可以挂钩缩小脚本以运行后期部署。
我已经写了一包斯马什以帮助缩小任务。 转至其github页面以获取示例用法和示例代码。
如果更适合您的用例,则可以使用其他工具/软件包进行缩小。
回到您的问题,您可以将nginx的根目录设置为节点服务器的静态目录( /path/to/node/server/public
?)。 这样,nginx将缓存并提供您的静态文件。 之后,节点服务器将不再为静态资产服务。
让我知道这是否有意义,或者您是否需要进一步说明。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.