概述
什么是SSR(服务器端渲染)
SSR(顾名思义就是 Server-Side Render)是一种在服务器端完成页面渲染的技术。在这种模式下,服务器接收到客户端的请求后,会先根据请求数据和模板文件生成完整的HTML页面,然后将这个页面直接发送给客户端。这样,用户可以直接看到完成的内容,无需等待JavaScript加载和执行。
Nuxt.js简介
NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架,让 web 开发变得简单而强大。
SSR的优缺点
优点是首屏加载速度快、SEO友好、适合复杂页面,缺点是服务器压力大、交互开发限制、调试困难等
Nuxt.js基础
安装与配置
Node.js环境 v16 版本
nuxt.config.js 开启ssr(服务端渲染)
项目结构
.gitignore GIT忽略文件
assets 资源目录(会经过 Webpack 处理)
middleware 应用的中间件
static 静态资源目录
store 应用的 Vuex 状态树文件
布局与第三方组件
全局布局在 layouts 目录下(默认为default.vue)
第三方组件在 plugins 目录中引用的Ant Design of Vue
全局组件与局部组件
全局组件放在 components 目录下
局部组件放大 pages 相关的模块下