前端Nuxt框架SSR渲染方案
2024-10-14 10:33:57 5 举报AI智能生成
前端Nuxt框架SSR渲染方案
作者其他创作
大纲/内容
概述
什么是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 相关的模块下
策划编辑
梳理运营方案的思维导图及流程图工具
processon
随手记录运营想法的工具
印象笔记
编辑活动宣传文案的工具
秀米
录屏工具
GifCam
图片处理工具
光影魔术手
图形设计工具
创客贴
二维码生成器
草料二维码
素材收集
收集图片素材
昵图网
花瓣网
站酷
新闻素材收集
微博
好奇心日报
学习网站
推广运营
鸟哥笔记
产品、运营
人人都是产品经理
推广营销
姑婆那些事儿
文档工具
思维导图流程图
ProcessOn
文档
石墨文档
头脑风暴文档记录
小画桌
收藏
0 条评论
下一页
