###### tags: `Vite` `Vue`
# Vite + Vue3 環境變量解決方法

在 vite.config.js 中

import { loadEnv } from 'vite'

將原本的

export default defineConfig({
    // ...
})

修改為

export default ({ mode }) => {
    return defineConfig({        
    })
}

環境變數取得語法： loadEnv(mode, process.cwd()).VITE_ENV_VARIABLE_NAME

例如修改 base url，變數名定為 VITE_BASE_URL：

export default ({ mode }) => {
  return defineConfig({
    base:`/${loadEnv(mode, process.cwd()).VITE_BASE_URL}`
  })
};

須要建立 .env.production 及 .env.development 在專案根目錄，並定義相關變數，否則會有不可編譯之錯誤發生。