在vercel部署项目时除首页外刷新报404

问题

最近在vercel上部署Vue3项目时,在除了首页外的页面刷新时会报404,如图:

原因

这是因为vercel的路由配置问题,vercel默认会将所有的请求都重定向到首页,所以在刷新页面时会报404。

解决方法

在public文件夹下创建一个_redirects文件,然后在文件中添加以下内容:

bash 复制代码
/* /index.html 200

在项目根目录下创建一个vercel.json文件,然后在文件中添加以下内容:

json 复制代码
{
  "rewrites": [
    {
      "source": "/(.*)",
      "destination": "/$1"
    }
  ]
}

然后等待vercel重新部署项目即可。

相关推荐
潜心编码21 小时前
基于vue的停车场管理系统
前端·javascript·vue.js
神奇的小猴程序员21 小时前
Mutantcat Web Pdf Reader —— 开源、轻量、安全的网页 PDF 阅读器
前端·pdf
三小河21 小时前
React Vite 中动态批量导入路由
前端·vue.js
Qinana1 天前
📚 论如何用代码谈一场不露脸的恋爱
前端·前端框架·html
Forfun_tt1 天前
xss-labs pass-10
java·前端·xss
T___T1 天前
从 "送花被拒" 到 "修成正果":用 JS 揭秘恋爱全流程中的对象与代理魔法
前端·javascript
三小河1 天前
从私服版本冲突到依赖治理:揭秘 resolutions 配置
前端·javascript·架构
Mapmost1 天前
你的3DGS数据为何难以用在项目里?Web端开发实战指南
前端
举个栗子dhy1 天前
第一章、React + TypeScript + Webpack项目构建
前端·javascript·react.js
大杯咖啡1 天前
localStorage与sessionStorage的区别
前端·javascript