当前位置: 首页 > Web前端 > vue.js

VueJs+Axios+Nuxt.js+AntDesign实现豆瓣电影服务端渲染

时间:2023-03-31 22:13:14 vue.js

作为流行的前后端分类开发模式,应用大多是spa(页内应用),所以这会带来两个缺陷。一是首屏渲染速度,二是对SEO不友好。对于一些网站比如新闻网站、博客等,肯定是需要做SEO的,这时候服务端渲染就派上用场了。大概花了半天的时间,学习了服务端渲染的知识点。简单的把Nuxt.js官网上的内容都看了一遍,就简单的写了一个Demo来练习一下。在线访问地址:http://39.97.124.112:8089/nuxt/知乎Nuxt.js-知乎服务端渲染:https://ssr.vuejs.org/zh/#%E4%BB%80%E4%B9%88%E6%98%AF%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%AB%AF%E6%B8%B2%E6%9F%93-ssr-%EF%BC%9F-Nuxt.js是一个基于Vue.js的轻量级应用框架,可以用来创建服务端渲染(SSR)应用,也可以作为静态站点引擎生成静态站点应用,优雅代码结构分层和热加载等特性。项目组织图nuxt.js目录结构请参考:https://zh.nuxtjs.org/guide/directory-structure项目效果截图(当前展示)(Top250)详情页GitHub地址https://github.com/huangche007/hc-nuxt-movie有关其工作原理的详细说明,请查看[Nuxt.js文档](https://nuxtjs.org)。