Vue 路由器可以在开发服务器上运行，但不能在 vercel vite 上运行

Question

我正在使用 vite 制作一个项目，该项目使用 vue-router@4。它工作得很好，但是当查看 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

Add a rewrites configuration to allow you to send users to different URLs without modifying the visible URL.

Create a file called

vercel.json

at the root folder

then add

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

Source: https://vercel.com/docs/configuration#project/rewrites