Vue路由器在开发服务器上工作，但在vercel服务器上不起作用

Question

我正在制作一个使用vue-router@4的vite项目。它的工作都很好，但当查看vercel或netlify上的链接，我得到一个404错误。这是我的index.js文件(设置路由器)

import { createRouter, createWebHistory } from "vue-router";
import Home from "../views/Home.vue";
import Admin from "../views/Admin.vue";
import List from "../views/List.vue";
const router = createRouter({
history: createWebHistory(),
routes: [
{
path: "/",
component: Home,
},
{
path: "/adminpanel",
component: Admin,
},
{
path: "/list",
component: List
}
],
});
export default router;

我做了什么明显的错误吗?谢谢你的帮助。

Answer 1

添加一个重写配置，允许您将用户发送到不同的URL，而无需修改可见URL。

创建名为

的文件

vercel.json

在根目录

然后添加

{
"rewrites": [{ "source": "/(.*)", "destination": "/" }]
}

来源:https://vercel.com/docs/configuration项目/重写