我按照說明為 Vue3 建立了一個(gè) vite 專案。我使用的方法沒有建立任何 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;
如何設(shè)定基本網(wǎng)址？
1
0
0
必須手動(dòng)將 .env 檔案（包括 .env.development）新增至您的專案目錄。但是，您不需要它們來設(shè)定BASE_URL，因?yàn)?code>BASE_URL 是從base 設(shè)定自動(dòng)設(shè)定的在vite.config .js 中：
import { defineConfig } from 'vite'
export default defineConfig({
base: process.env.NODE_ENV === 'development'
? '/my/dev/baseurl/'
: '/my/prod/baseurl/',
})
要在來源中引用環(huán)境變量，請(qǐng)使用 import.meta.env 而不是 process.env：
// createWebHistory(process.env.BASE_URL), ? createWebHistory(import.meta.env.BASE_URL), ?
