问题 app_url: laravel 项目中的 vite 配置中未定义

Question

我正在尝试在我的 laravel 项目中使用 vite。但在终端中运行 npm run dev 后，app_url 仍然未定义。我怎样才能替换我的资源路径并解决这个问题。

这是我的 vite.config.js 文件

import {defineConfig} from 'vite';
import laravel from 'laravel-vite-plugin';
import path from 'path'


// Load environment variables
const APP_URL = process.env.APP_URL || 'http://mart.test';

export default defineConfig({
    server: {
        host: 'mart.test',
        hmr: {
            host: 'mart.test',
        },
    },
    plugins: [
        laravel({
            input: [
                './src/resources/sass/app.scss',
                './src/resources/js/app.js',
            ],
            refresh: [{
                paths: ["packages/mart/theme/**"],
                config: {delay: 300}
            }],
            publicDirectory: "../../../public/hot",
            env: {
                APP_URL: APP_URL,
            },
        }),
    ],
    resolve: {
        alias: {
            '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
        }
    },
});

这是我在 .env 文件中的应用程序 URL

APP_URL=http://rochimart.test

Answer 1

而不是

process.env.APP_URL

试试这个

import.meta.env.APP_URL