我按照說明為 Vue3 創(chuàng)建了一個 vite 項目。我使用的方法沒有創(chuàng)建任何 env.development 或 env.Production 文件，因此我?guī)缀鯖]有閱讀文檔的上下文。我猜我需要那里的東西，但是什么？
它可以編譯，但在路由器上失?。?/p>
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;
如何設置基本網(wǎng)址？
1
0
0
必須手動將 .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/',
})
要在源中引用環(huán)境變量，請使用 import.meta.env 而不是 process.env：
// createWebHistory(process.env.BASE_URL), ? createWebHistory(import.meta.env.BASE_URL), ?
