VUE:vite添加环境变量(一)

新建'.env' （和vite.config.js同一个路径下）

?

1	VITE_APP_API_URL=http://localhost

vite.config.js

+ View Code?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

import { defineConfig, loadEnv } from 'vite'   export default defineConfig((mode) => {   const env_config = loadEnv(mode, process.cwd())   const VITE_APP_API_URL = env_config.VITE_APP_API_URL   console.log(VITE_APP_API_URL)   return {     // 构建参数     build: {       sourcemap: false     },     base: '',     plugins: [vue()],     resolve: {       alias: {         '@': path.resolve(__dirname, './src')       }     },     server: {       // host域名或者IP       host: 'localhost',       port: 8087,       // 其他配置。。。       proxy: {         '/v1/': {           target: VITE_APP_API_URL + '/v1/',           ws: true,           secure: false,           changeOrigin: true,           rewrite: (path) => path.replace(/^\/v1\//, '')         }       }   } })

　　启动时就可以看到日志打印