0列

0行

0分

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

修罗

赣ICP备2025068659号-1
powerd by typecho.

站点介绍

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

vue区分环境项目配置

修罗 2022-11-08 971 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

日历

2026年01月

日一二三四五六
    123
45678910
11121314151617
18192021222324
25262728293031

标签云

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