Saya mengikut arahan untuk membuat projek vite untuk Vue3. Kaedah yang saya gunakan tidak mencipta sebarang fail env.development atau env.Production, jadi saya mempunyai sedikit konteks untuk membaca dokumentasi. Saya rasa saya perlukan sesuatu di sana, tetapi apa?
Ia menyusun tetapi gagal pada penghala:
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;
Bagaimana untuk menetapkan URL asas?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Mesti ditambah secara manual pada
.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/', })Untuk merujuk pembolehubah persekitaran dalam sumber, gunakan
import.meta.env而不是process.env:Demo