新建SpringBoot项目:Vue CLI多环境配置

本文介绍了如何在Vue.js项目中创建不同的环境配置文件,如.env.prod,确保它们位于正确的位置。通过修改package.json文件的启动和编译命令,实现了多环境变量的支持。同时,为避免在每个文件中重复引用环境变量,文章演示了如何在main.ts中设置axios的全局变量,简化代码结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题提出:不应该把地址写死

创建不同环境的配置文件,以.env开头的文件

创建生产环境配置:

注意.env.prod等配置文件都要放到web根目录下,图中目录是不对的


接下来给启动、编译命令加上多环境变量

编辑package.json文件中的启动命令

多环境设置:注意第2个命令后面的参数时prod,图中有错。

具体为:

最后把编译环境也改下:

为了不用在每个使用到axios的文件中都写process.env.VUE_APP_SERVER,写入main.ts,作为全局变量。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值