当服务器（nodejs）上的json文件更改时，通过Vuejs更新数据

Question

我目前正在学习nodejs和vuejs，并停留在实时更新上。我已经在后端创建了API，该API将数据从.json文件发送到前端。而且我想在前端更新数据，以防某些.json文件中的某些数据被更改。

我的控制器具有API逻辑：

module.exports = {
    async index (req, res) {
        try {
            fs.readFile('./src/assets/data.json', 'utf8', function (err, data) {
                data = JSON.parse(data)
                res.send(data)
            })

        } catch (err) {
            res.status(500).send({
                error: 'an error has occured trying to fetch the quests'
            })
        }
    }

然后我在路由器中使用它

module.exports = (app) => {
    app.get('/api/main', Controller.index)
}

在前端，我通过axios向API发出请求，并获取没有问题的数据。但是，如果编辑.json文件，我将无法获取如何更新网页上的数据的信息。我当时在考虑setinterval，但我想每n秒向服务器发送一次请求是很糟糕的。也尝试用推杆处理它，但是失败了。而且我不确定它是否能够跟踪文件中的更改。

将感谢您的任何建议和帮助。谢谢！