Ich habe die Anweisungen befolgt, um ein Vite-Projekt für Vue3 zu erstellen. Die von mir verwendete Methode erstellt keine env.development- oder env.Production-Dateien, daher habe ich wenig Kontext zum Lesen der Dokumentation. Ich schätze, ich brauche da etwas, aber was?
Es wird kompiliert, schlägt aber auf dem Router fehl:
import { createWebHistory, createRouter, RouteRecordRaw } from "vue-router";
const history = createWebHistory();
const routes: Array<RouteRecordRaw> = [
{
path: "/",
name: "Appointments",
component: () => import("../views/Appointments.vue"),
},
{
path: "/pets",
name: "Appointments",
component: () => import("../views/Pets.vue"),
},
{
path: "/Claims",
name: "Claims",
component: () => import("../views/Claims.vue"),
},
];
const router = createRouter({
//fails on this line:
history: createWebHistory(process.env.BASE_URL),
routes,
});
export default router;
Wie lege ich die Basis-URL fest?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
必须手动将
.env文件（包括.env.development）添加到您的项目目录中。但是，您不需要它们来设置BASE_URL，因为BASE_URL是从base配置自动设置的在vite.config.js中：import { defineConfig } from 'vite' export default defineConfig({ base: process.env.NODE_ENV === 'development' ? '/my/dev/baseurl/' : '/my/prod/baseurl/', })要在源中引用环境变量，请使用
import.meta.env而不是process.env：演示