在客户端 javascript 文件中使用 JSON 数据

Question

我对 node.js 和 express 还很陌生。我的问题是如何正确检索客户端 javascript 文件中的 json 数据，因为我得到了关于 .json 文件未找到的 404 代码。

我的文件结构是一个通用的 express 结构，.json 文件位于 package.json 文件和 app.js 正下方的 nodeapp 文件夹中。我试图从保存在public/javascripts 文件夹中的 javascript 文件中访问此文件，但似乎可以绕过它。这是我试图在 .js 文件中实现的功能：

function getJSONData(){
    var json;
    $.getJSON('/public/web_text.json', function(data){

        json = data
    });
} 

Answer 1

选项 1

你需要在 express 中设置静态文件，你可以这样做：

app.use(express.static(__dirname + '/public'))

然后您可以从您的客户端调用它（不带 public 前缀）：

$.getJSON('/javascript/web_text.json', function(data){});

https://expressjs.com/en/starter/static-files.html

---

选项 2

你的另一个选择是通过sendFilehttp://expressjs.com/en/api.html#res.sendFile发送它：

app.get('/public/web_text.json', (req, res) => {
    res.sendFile(__dirname + '/my_json_file.json');
});

然后在您的客户端中，您可以这样称呼它：

$.getJSON('/public/web_text.json', function(data){})