SPA 应用广泛用于对SEO要求不高的场景中
1.2 什么是SEO
SEO:搜索引擎优化(Search Engine Optimization), 通过各种技术(手段)来确保,我们的Web内容被搜索引擎最大化收录
非常明显,SPA程序不利于SEO
SEO解决方案:提前将页面和数据进行整合
前端:采用SSR
后端:页面静态化 (freemarker 、thymeleaf、velocity)
1.3 什么是SSR
我们可以使用解决以上问题
通过name 确定组件名称:“xxx-yyy”
通过params 给对应的参数传递值
第2新闻
第3新闻
4.5 默认路由
路径 组件位置及其名称
不匹配的路径 pages
/_.vue
404页面,可以采用 _.vue进行处理
4.6 嵌套路由(了解)
4.7 过渡动效(了解)
4.7.1 全局过渡动效设置
4.7.1 自定义动画
4.8 案例:学生管理
需求1:首页
5.3 自定义布局
5.4 错误页面
编写layouts/error.vue页面,实现个性化错误页面
export default {
props: [error]
}
解决问题: 404