部署后非首页路由刷新会报错找不到页面,原因:如果你的网站是一个单页应用(例如使用 Vue、React 等框架),Netlify 默认不会处理客户端路由(即非首页的路由)。当用户直接访问非首页路由时,Netlify 会尝试在服务器上查找对应的文件,但找不到,因此返回 404。
解决办法,在根目录新建文件netlify.toml
[build]
publish = "dist" # 替换为你的构建输出目录
functions = "functions" # 如果有 Netlify Functions,指定目录
[[redirects]]
from = "/*"
to = "/index.html"
status = 200
即可解决非首页路由刷新404问题(如果vitepress和vue项目在同一个文件夹下,分开部署vitepress会受到影响,建议分库存放)
更多vue相关插件及后台管理模板可访问vue admin reference,代码详情请访问github