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

问题

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

原因

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

解决方法

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

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

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

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

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

相关推荐
龙在天1 分钟前
首屏优化
前端
小鱼儿亮亮1 分钟前
Vue.js 父子组件通信的十种方式
前端·vue.js
疯狂踩坑人2 分钟前
useRequest - vue3版本
vue.js
日月晨曦3 分钟前
Node.js 架构与 HTTP 服务实战:从「跑龙套」到「流量明星」的进化
前端·node.js
P7Dreamer3 分钟前
Vue 表格悬停复制指令:优雅地一键复制单元格内容
前端·vue.js
用户010483831044 分钟前
别再只用 WebSocket 做即时通讯了!MQTT+RabbitMQ 实战教程,轻量又高效
前端
我的写法有点潮4 分钟前
前端必须会的 TypedArray:一文吃透
前端·javascript
Mintopia5 分钟前
扩散模型在 Web 图像生成中的技术演进:从“随机噪声”到“浏览器里的画家”
前端·javascript·aigc
跟橙姐学代码6 分钟前
Python学习笔记:正则表达式一文通——从入门到精通
前端·python·ipython
召摇6 分钟前
简洁语法的逻辑赋值操作符
前端·javascript