Vue3-Nuxt
2023-11-13 21:04:17
31
vue服务端渲染方案，有利于SEO，便于百度等搜索引擎爬取内容。
##1.关系
1.1.Nuxt是什么，与vue的关系
一个同时提供了前端（vue）和后端（nitro）的全栈开发框架。
1.2.CSR/SPA与SSR/MPA
单页面应用：SPA（Single Page Application），又称客户端渲染（CSR，Client Side Render）
多页面应用：MPA（Mulpile Page Application），又称服务端渲染（SSR，Server Side Render）
1.3.为什么要用Nuxt
SEO
##2.Nuxt安装与使用
Nuxt 安装与调试见官网
变量响应式：同vue
组件：根目录定义components文件夹，直接使用
路由：更目录定义pages文件夹，pages下面的文件名就是相应路由路径
##3.Nuxt服务端（server-api）
路由：更目录定义server文件夹，server下面的文件夹就是接口路径，文件名就是具体接口地址
响应数据：defineEventHandler函数return返回数据
获取url中的query参数：const query = getQuery(event) 拿到请求体参数
// 打包部署
本质是node服务。
打包后在服务器运行 node server/index.mjs文件，正常部署使用pm2。