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

问题

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

原因

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

解决方法

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

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

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

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

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

相关推荐
光影少年5 小时前
angular生态及学习路线
前端·学习·angular.js
記億揺晃着的那天7 小时前
Vue + Element UI 表格自适应高度如何做?
javascript·vue.js·ui
无尽夏_7 小时前
HTML5(前端基础)
前端·html·html5
Jagger_7 小时前
敏捷开发流程-精简版
前端·后端
FIN66687 小时前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
GISer_Jing7 小时前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女1277 小时前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿7 小时前
Vue 中 props 传递数据的坑
前端·javascript·vue.js
FIN66687 小时前
昂瑞微:深耕射频“芯”赛道以硬核实力冲刺科创板大门
前端·人工智能·科技·前端框架·信息与通信·智能
阳光阴郁大boy8 小时前
星座运势网站技术解析:从零打造现代化Web应用
前端·javascript