Javascript - 如何将相同的 JSON（或替代）文件加载到 node.js 和浏览器中

Question

I'm looking to load into memory a JSON file (or a.js file with an object in it) into both a node script and into the browser. Is there any clean and pure JS way to do this without having a separate file for each?

The file simply holds properties about things that are used on both client and server side, the goal is when I need to change some property it will reflect on both the client (javascript) and the server (node). The does not need to be updated while running, and ideally should be loaded and cached on page load and script start respectively.

I've tried using a.json file which made it easy to require in node, but in the browser the only solutions I saw used packages or some sort of over complicated api that seemed too overkill for my use (although this might be my only option). If i store the properties as a.js file with an object defined in it it's easy to load in browser, but not in node without module.exprots.

Seems inconvenient that I can't easily do this, especially when it's a just a small JSON object with item properties.

Any help is appreciated!

Answer 1

Just make the file public, and use it in front and backend.

Asuming you use epxress.

app.use(express.static('./')); //Use static folder

But note sharing files can be inscure if you have senstive information, but you already know that.

Edit

You say it is not the problem, in the comments. I say then you have to make some sort of endpoint to export this array. Do this:

const object = {
   // You object here
}

app.get('/route', (req, res) => {
   res.json(object);
}

Client:

fetch('/route').then(res => res.json()).then(data => {
    // You have access to the data, here.
})

Like this you can use the object on both the backend and frontend.

Altough I suspect there is a way to do this using also static folder.