前端Nuxt框架SSR渲染方案
2024-10-14 10:33:57 0 举报AI智能生成
前端Nuxt框架SSR渲染方案
作者其他创作
大纲/内容
SSR（顾名思义就是 Server-Side Render）是一种在服务器端完成页面渲染的技术。在这种模式下，服务器接收到客户端的请求后，会先根据请求数据和模板文件生成完整的HTML页面，然后将这个页面直接发送给客户端。这样，用户可以直接看到完成的内容，无需等待JavaScript加载和执行。
什么是SSR（服务器端渲染）
nuxt官网
NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架，让 web 开发变得简单而强大。
Nuxt.js简介
优点是首屏加载速度快、SEO友好、适合复杂页面，缺点是服务器压力大、交互开发限制、调试困难等
SSR的优缺点
概述
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 相关的模块下
全局组件与局部组件
Nuxt.js基础
processon
梳理运营方案的思维导图及流程图工具
印象笔记
随手记录运营想法的工具
秀米
编辑活动宣传文案的工具
GifCam
录屏工具
光影魔术手
图片处理工具
创客贴
图形设计工具
草料二维码
二维码生成器
策划编辑
昵图网
花瓣网
站酷
收集图片素材
微博
好奇心日报
新闻素材收集
素材收集
鸟哥笔记
推广运营
人人都是产品经理
产品、运营
姑婆那些事儿
推广营销
学习网站
ProcessOn
思维导图流程图
石墨文档
文档
小画桌
头脑风暴文档记录
文档工具
前端Nuxt框架SSR渲染方案
收藏
0 条评论
回复 删除
下一页
