javascript - 文件对象未定义 NuxtJS AsyncData()

Question

我正在使用 NuxtJS 的 AsyncData 方法从 API 获取视频文件，然后作为文件对象返回到页面。

像这样:

async AsyncData({$axios}){
    var user_video = null;
    try{
        var video = $axios.get("my awesome url");
        user_video = new File([video], "video.mp4",{type:"video/mp4"}); // <= this line
    }catch(error){
        console.log(error);
        console.log("no saved video");
    }

    return {user_video};
}

在服务器端控制台中，它显示此错误:

ReferenceError: File is not defined
    at asyncData (pages/send/video.js:155:11)
    at process._tickCallback (internal/process/next_tick.js:68:7)
no saved video

我查看了其他 nuxtjs Content 键，这些键可能与创建新的文件对象有关，但我没有找到任何键。 https://nuxtjs.org/api/context

我尝试在 asyncdata 中使用 File 对象来搜索类似的错误，但没有找到任何内容。

有什么建议吗？

编辑----还要添加:

我从中获取的 URL 会显示一个下载对话框，以防可能相关。

Answer 1

asyncData 在第一次加载时在服务器上执行。在服务器上， Node 中没有文件之类的东西。所以你不能在你的服务器代码上使用 File。

您应该不使用 File 或不使用 asyncData 并使用安装的钩子(Hook)来获取和设置数据。