怎么在页面挂载前请求接口，并拿到数据渲染页面metaInfo

Question

现在有一个页面，它的标题和简介是我通过请求后端接口，拿到相关数据然后动态设置的。

目前这个方法是写在mounted里的，所以这个场景下会出现一个问题：

在钉钉里发送这条链接，钉钉会自动识别到它的标题、简介之类的，但此时接口还没请求完，所以识别到的是默认的标题，不是我想动态设置的标题。（这样的话SEO应该也会有问题了）

现在就是想在页面挂载前，就可以请求接口并且设置标题简介，需要怎么做呢？跟$store有关系吗？

Answer 1

直接后端模板渲染，或者服务端渲染

Answer 2

在asyncData中请求数据, 然后return返回你需要的 meta里的字段
async asyncData({...}) {

let { data } = await axios(...)
return {
    description : data.***
}

}