首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >vercel部署前端vue项目,上线后刷新报错404问题

vercel部署前端vue项目,上线后刷新报错404问题

作者头像
fruge365
发布2025-12-15 12:49:38
发布2025-12-15 12:49:38
60
举报

参考文章: vercel 部署vue项目刷新路由后404问题 vue部署到线上为啥会出现404的问题? 在vercel部署项目时除首页外刷新报404

前言

在vercel上部署前端项目后,刷新页面报错,如下:

在这里插入图片描述
在这里插入图片描述

解决方法

在vue项目根目录创建vercel.json文件,文件代码为:

代码语言:javascript
复制
{
  "rewrites": [{ "source": "/:path*", "destination": "/index.html" }]
}

然后重新上传至仓库,等待vercel重新打包部署就行了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-09-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 解决方法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档