JavaScript Summery 6 use .env.development and vite --host 0.0.0.0 --mode development target diff env

文章介绍了如何在Vue.js项目中通过`Write.env.development`和`Write.env.production`配置文件管理开发和生产环境的代理设置。它展示了如何加载环境变量和仅加载以`VITE_`开头的配置参数,并在开发环境中提供不同的proxy配置。
摘要由CSDN通过智能技术生成

Write .env.development configure file and .env.production configure file.

In vite.config.js:
export default defineConfig(({command, mode})=>{
    let proxy={}
    const env = loadEnv(mode, process.cwd(), '');//could load all params
    console.log('env', env);//get all env params contains .env.development or .env.production or .env.***

    console.log('env', env.ENV);//get param ENV config in .env.development or .env.production or .env.***

    const config = loadEnv(mode, './');//only load params starting with 'VITE_'
    console.log('config', config);
    console.log('config', config.ENV);

    if (env.ENV === 'development') { 
        //development environment proxy config
        proxy={
        }
    }

    return {
        proxy: proxy
    };
})

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值