0列

0行

0分

请输入关键字进行搜索...

修罗

赣ICP备2025068659号-1
powerd by typecho.

站点介绍

只有了解事实才能获得真正的自由

vue区分环境项目配置

修罗 2022-11-08 896 0条评论 vue3

首页 / 正文

方式一：通过文件

vite

https://cn.vitejs.dev/guide/env-and-mode.html#env-files

新建如下文件，变量名以VITE_BASE开头才会被框架注入；

image-20221108165605457.png

获取

import.meta.env.VITE_BASE_NAME

vuecli（webpack）

https://cli.vuejs.org/zh/guide/mode-and-env.html#%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F

新建如上文件，变量名以VUE_APP开头才会被框架注入；

获取

process.env.VUE_APP_BASE_NAME

方式二：动态判断

vite

import.meta.env的值

{
    BASE_URL: "/"
    MODE: "development"
    DEV: true
    PROD: false
    SSR: false
}

动态判断配置

let BASE_NAME;
if(import.meta.env.DEV){
    BASE_NAME = 'xiu'
}
if(import.meta.env.PROD){
    BASE_NAME = 'luo'
}
export {
    BASE_NAME
}

vuecli（webpack）

let BASE_NAME;
if(process.env.NODE_ENV === 'development'){
    BASE_NAME = 'xiu'
}
if(process.env.NODE_ENV === 'production'){
    BASE_NAME = 'luo'
}
export {
    BASE_NAME
}

评论(0)


最新评论

  • 1

    1

  • 1

    1

  • -1' OR 2+158-158-1=0+0+0+1 or 'TKCTZnRa'='

    1

  • 1

    1

  • 1

    1

  • 1

    1

  • 1

    1

  • @@5Qa2D

    1

  • 1

    1

  • 1

    1

日历

2025年09月

日一二三四五六
 123456
78910111213
14151617181920
21222324252627
282930    

标签云

Linux webpack js 算法 MongoDB laravel JAVA jquery javase redis maven idea mysql php vue ajax react css memcache nosql js特效 nodejs nginx

文章目录

推荐关键字： Linux webpack js 算法 MongoDB laravel JAVA jquery javase redis