![[IMG-16E2701A71548A6357EB84B23B32A3E2.jpeg]]
博客路由结构对比
旧路由结构 | 新路由结构 (Astro) |
/blog/xxx | /posts/xxx |
/tag/xxx | /tags/xxx |
/category/xxx | /categories/xxx |
迁移之后可能会有一部分用户从搜索引擎或者之前收藏的链接中访问我的博客，如果不做处理，这些用户访问的页面会返回 404，导致用户体验下降。所以需要实现重定向。
思路有两种
- 基于部署平台 cloudflare 实现重定向
- 基于框架 astro 实现重定向
基于部署平台 cloudflare 实现重定向
在这里下载好 csv 的模板
根据自身需求填写，我的最终的 csv 如下
然后点击侧边栏的批量重定向，上传 csv，保存，创建批量重定向列表。最后绑定把批量重定向规则绑定对应的列表就可以了。
（也可以点击域名然后再设置规则，总之入口和可配置项有很多，按需选择）
![[IMG-9B20E505345B2B2FFAEFCE7463420E90.png]]
下图是配置完成的效果
![[IMG-8072C6F424C6D27A40E457198B622A5C.png]]
通过配置 astro 完成重定向
其实 astro 也可以配置 astro.config.ts 中的 redirect 属性来实现，但是个人用下来觉得它对于动态路由的支持并不好，且文档中没有写的很详细，我通过代码跳转过去才知道支持动态路由的配置。
![[IMG-145A60CDEC5C619A9F432DBAA2325AA2-1.png]]
配置如下：
但是配置后打包开始报错，提示我去写 getStaticPaths 或者配置
export const prerender = false尝试一番后依然报错，然后也没有找到比较明确的解决方法，所以第二种方式暂时被弃用了。后面有时间的时候，会去看 astro 的源代码验证是否支持这样写，以及找到具体的正确写法。
