Hi all, I have a working flow that serves a page of HTML in response to a GET request. The HTML references some images that I have in a 'images' directory in the location configured in settings.js (/home/username/.node-red/node-red-static/). This all works as expected. Except....I've been trying t…

Well I don't know what I was doing above because the following is now working but wasn't before, and I can't reproduce the issue - must have been a stray comma or similar httpStatic: [ { path: '/home/username/.node-red/node-red-static/', root: '/static/', …

With: httpStatic: [ { path: '/opt/static/', root: '/private/', middleware: myCustomHttpMiddleware } ]

The httpStatic entries can have a middleware you could try adding a custom middleware for your images in settings.js const cacheControlMiddleware = (req, res, next) => { const ext = path.extname(req.url); // Check if the request is for JPG or PNG images if (ext === '.jpg' || ext === '.png'…

Thanks again...I assume that code gets added to settings.js? And then the screen you captured appears in the editor somewhere? Apologies if I'm missing something obvious but I'm not really understanding. Will attempt to add it to settings.js and see whether next steps become obvious. Thanks again …

Thanks Steve-mcl....this looks like it ties in with GogoVega's suggestions - will do some experimenting as this is an area I've had no previous experience in or even tinkered with. Thanks again

The image is an example of the http node. Here you have to do it in the settings file by combining Steve's message and mine httpStatic: [ { path: '/home/username/.node-red/node-red-static/', root: '/static/', middleware: function (req, res, next) { …

Do you also need to require path in order to use it ? const ext = require('node:path').extname(req.url);

I don't know :man_shrugging: You can use too: if (req.url.endsWith('.jpg') || req.url.endsWith('.png')) { ... }

Thanks again everyone, for your time and effort, I clearly have some reading to do - all I appear to be able to do so far is stop Node-RED from starting at all. I've reverted everything so I have a working setup but clearly need to do some reading so will do that and continue to experiment. Update…

I believe that the correct method is to use req.get('Content-Type') which should return the mime type of the requested resource. This should be, at least in part, independent of the file name and particularly the file extension. It also doesn't need to require the path library. OK, I think the abov…

So, thanks again...I've made SOME progress: with the following in settings.js I get the required Cache-Control header BUT I get it for everything (which is actually fine for my purposes but now that I've seen what you were all trying to do above I want to crack it for the images alone and it seems …

HTTP Response Header for static content

General

crispy 16 January 2024 20:26 20

Hmmmm, well I can't get that working with 'image/jpeg' either. It does work with the

req.url.endsWith('.jpg')

however, so I will keep it configured that way and maybe return to this as a learning opportunity later.

Thanks, all, for your input and time.

1 Like

Topic		Replies	Views
Expiring header fotrHTTP in node General	2	232	8 July 2021
Add middleware for static contents General	3	468	26 May 2020
httpStatic files do not seem to use httpNodeCors settings? General	3	277	27 June 2024
Set Response header for HTTP Request General	5	2096	1 August 2019
How to Use HTTP-In Nodes in Node-RED to Serve Static HTML Pages Instead of Separate Express Code General	11	412	23 February 2025

HTTP Response Header for static content

Related topics