nuxt结合vue进行异步(async和await)的ssr页面渲染

Nuxt 提供了 asyncData进行ssr页面渲染,这里进行演示

//服务端渲染写法
 async asyncData() {
   let resuleData = await axios.get("http://localhost:3000/city/list");
   if (resuleData.status === 200) {
     return {
       listData: resuleData.data
     };
   }
 },

return 回去的数据会直接和↓

 data() {
   	 return {
    };
  }

放在一起,相当于data里多了个listData

发布了93 篇原创文章 · 获赞 25 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_40282732/article/details/104101823