vue3使用import.meta.env在vite.config.ts下使用env环境变量的方法

vue2中vue2使用 process.env获取环境变量vue3中process.env 在vue3中不生效vue3中使用 import.meta.env 获取环境变量vite.config.ts中无法使用import.meta.envexport default (({ mode }) => {const VITE_APP_SERVER_URL: string = loadEnv(mod

编程一枚

12350人浏览 · 2022-05-18 10:25:46

编程一枚 · 2022-05-18 10:25:46 发布

vue2中

vue2使用 process.env获取环境变量

vue3中

process.env 在vue3中不生效
vue3中使用 import.meta.env 获取环境变量

vite.config.ts中无法使用import.meta.env

const VITE_APP_SERVER_URL: string = loadEnv(mode, process.cwd()).VITE_APP_SERVER_URL;

vite.config.ts配置如下

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'

export default (({ mode }) => {

    const VITE_APP_SERVER_URL: string = loadEnv(mode, process.cwd()).VITE_APP_SERVER_URL;

    return defineConfig({
        plugins: [vue()],
        server: {
            port: 6060,
            proxy: {
                '/api': {
                    target: VITE_APP_SERVER_URL,
                    changeOrigin: true,
                    rewrite: (path) => path.replace(/^\/api/, '')
                },
            }
        },
        
    })
})