Vue路由器适用于开发服务器但不适用于vercel vite答案

【问题标题】：Vue router works on dev server but not on vercel viteVue路由器适用于开发服务器但不适用于vercel vite
【发布时间】：2022-07-27 14:47:08
【问题描述】：

我正在使用 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;

我做错了什么吗？感谢您的帮助。

【问题讨论】：

也许这些答案会有所帮助：1 2 3

标签： vue.js vue-router netlify vercel vite

【解决方案1】：

添加重写配置，以允许您在不修改可见 URL 的情况下将用户发送到不同的 URL。

创建一个名为

的文件

vercel.json

在根目录

然后添加

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

来源：https://vercel.com/docs/configuration#project/rewrites

【讨论】：