vue设置环境变量

1、在根目录地下建立两个文件,.env.development 和 .env.production

javascript 复制代码
VUE_APP_BASE_API=""

.env.development这个就是开发环境,.env.production这个就是生产环境,也就是这个可以写本地的ip端口

.env.production 这个就是生产环境,写线上正式环境的ip端口

npm run serve 运行开发环境,npm run build 打包生产环境

还有env.production文件里面的命名必须VUE_APP_BASE_API=""格式

2、使用

javascript 复制代码
const instance = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000,
});

在这一设置就可以了,自动加在设置.env.development和.env.production的地址

相关推荐
hunter_0762 小时前
iOS 首页复杂嵌套滚动技术方案:头部固定 + 网格滚动 + Tab 吸顶 + 每 Tab 独立下拉刷新
前端
CoderYanger2 小时前
Java EE 进阶:4.Spring Web MVC 入门(第一弹)
java·开发语言·前端·spring·面试·java-ee·mvc
用户2788607285672 小时前
fallback 会盖掉平台提示词:system、空数组和 systemAppend 的差别
前端·后端
peach2 小时前
大模型和传统编程:同为程序,差异不在硬件,在"逻辑从哪来"
前端
ALONE阿龙太原微码2 小时前
微信小程序包体积优化:2MB 到 400KB 的实操记录
前端
掘金挖土2 小时前
前端手摸手跑路之 AI 应用开发(十一)
前端·后端
lemon_yyds2 小时前
Vue 项目嵌入 React H5 技术方案
vue.js·react.js
创了么OPC2 小时前
小程序能收款了,对公户还没开?独立开发者的交付闭环踩坑②
前端·微信小程序
IT_陈寒2 小时前
Vue动态组件缓存的坑你踩过了吗?
前端·人工智能·后端
顽疲3 小时前
java springboot vue 养老系统源码详解:请假 care_leave 销假与床位停费日扣实践
java·vue.js·spring boot