位置: IT常识 - 正文

vue配置开发环境和生产环境(vue开发环境和生产环境域名配置)

编辑:rootadmin
vue配置开发环境和生产环境 介绍

推荐整理分享vue配置开发环境和生产环境(vue开发环境和生产环境域名配置),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue项目配置环境变量,vue环境搭建及配置简书,vue环境搭建及配置简书,vue环境搭建及配置简书,vue项目开发环境,vue开发环境搭建步骤,如何配置vue的开发环境,vue配置开发环境跟生产环境,内容如对您有帮助,希望把文章链接给更多的朋友!

vue配置开发环境和生产环境(vue开发环境和生产环境域名配置)

本文主要介绍开发、测试以及生产环境的配置。(以下内容可根据需求进行配置)

步骤1、在src同级目录也就是根目录下新建文件:.env.development(开发环境)、.env.test(测试环境)、.env.production文件(生产环境)

2、三个配置文件的配置内容:

2.1 .env.development(开发环境)配置内容

NODE_ENV = 'development' //模式VUE_APP_MODE = 'development' //通过"VUE_APP_MODE"变量来区分环境VUE_APP_API_URL = 'http://***.****:8008/api/' //api地址

2.2 .env.production(生产环境)配置内容 

NODE_ENV = 'production'VUE_APP_MODE = 'test'VUE_APP_API_URL = 'http://xxx.xxx.xxx.xx:8008/api/'outputDir = test

2.3  .env.production(生产环境)配置内容

NODE_ENV = 'production'VUE_APP_MODE = 'production'VUE_APP_API_URL = 'http://xxx.xxx.xxx.xx:8008/api/'3、修改vue.config.js 配置(输出)

4、修改package.json文件 

5、判断并使用不用的开发环境配置 if(process.env.VUE_APP_MODE==='development'){ //开发环境下的执行操作}else if(process.env.VUE_APP_MODE==='test'){ //测试环境下的执行操作}else{ //生产环境下的执行操作} 6、在vue中进行axios请求时的配置axios.defaults.baseURL = process.env.VUE_APP_BASE_URL// 或const service = axios.create({ // axios中请求配置有baseURL选项,表示请求URL公共部分 baseURL: process.env.VUE_APP_BASE_URL, // 超时 timeout: 100000})以上就是对环境的简单配置,不懂的可以私信!!!  留下一个赞👍吧,谢谢,笔芯♥!!!
本文链接地址:https://www.jiuchutong.com/zhishi/298526.html 转载请保留说明!

上一篇:vue监听缓存数据(localStorage) 中值的更新(vue监听页面加载完毕)

下一篇:get请求和post请求的区别(全面讲解)(get请求与post)

  • oppo锁屏杂志怎么关闭(oppo锁屏杂志怎么看历史记录?)

    oppo锁屏杂志怎么关闭(oppo锁屏杂志怎么看历史记录?)

  • 抖音草稿箱的视频怎么保存到手机(抖音草稿箱的视频怎么发出去)

    抖音草稿箱的视频怎么保存到手机(抖音草稿箱的视频怎么发出去)

  • 手机解锁温控会怎么样(手机解除温控降频)

    手机解锁温控会怎么样(手机解除温控降频)

  • 拼多多如何取消绑定电话号码(拼多多如何取消订单申请退款)

    拼多多如何取消绑定电话号码(拼多多如何取消订单申请退款)

  • 删作品对快手有影响吗(快手作品删除了会影响后期的作品热门吗)

    删作品对快手有影响吗(快手作品删除了会影响后期的作品热门吗)

  • bilibili视频怎么下载到本地(bilibili视频怎么提取音频)

    bilibili视频怎么下载到本地(bilibili视频怎么提取音频)

  • 红包退回怎么查看金额(红包退回怎么查出他发了多少钱?)

    红包退回怎么查看金额(红包退回怎么查出他发了多少钱?)

  • 拼多多如何设置好友看不见自己购买(拼多多如何设置不放在菜鸟驿站)

    拼多多如何设置好友看不见自己购买(拼多多如何设置不放在菜鸟驿站)

  • 快手被限流作品上不了热门咋办(快手被限流作品发不出去怎么办)

    快手被限流作品上不了热门咋办(快手被限流作品发不出去怎么办)

  • 苹果tp是什么意思(iops tps)

    苹果tp是什么意思(iops tps)

  • mdf是什么格式(.mdd是什么格式)

    mdf是什么格式(.mdd是什么格式)

  • iphone11手机发烫正常吗(iphone11手机发烫电池耗电很快什么原因)

    iphone11手机发烫正常吗(iphone11手机发烫电池耗电很快什么原因)

  • vivox30是不是曲面屏(vivo x30pro是不是曲屏)

    vivox30是不是曲面屏(vivo x30pro是不是曲屏)

  • vivo返回键怎么调出来(vivo返回键怎么设置回来)

    vivo返回键怎么调出来(vivo返回键怎么设置回来)

  • 金立f100怎么设置一键锁屏(金立f100a手机)

    金立f100怎么设置一键锁屏(金立f100a手机)

  • 抖音帮上热门对方知道吗(抖音帮上热门对自己账号有影响吗)

    抖音帮上热门对方知道吗(抖音帮上热门对自己账号有影响吗)

  • 华为手机翻屏设置(华为手机翻屏设置方法)

    华为手机翻屏设置(华为手机翻屏设置方法)

  • vivo怎么打开运动数据权限(vivo怎么打开运行的程序界面)

    vivo怎么打开运动数据权限(vivo怎么打开运行的程序界面)

  • 找回手动删除聊天记录(手动误删聊天记录恢复)

    找回手动删除聊天记录(手动误删聊天记录恢复)

  • 手机号被暂停怎么恢复(手机号被暂停怎么办)

    手机号被暂停怎么恢复(手机号被暂停怎么办)

  • 苹果表3和4的区别(苹果手表3和4的区别哪个性价好?)

    苹果表3和4的区别(苹果手表3和4的区别哪个性价好?)

  • b站永久封禁怎么解除(b站永久封禁怎么申诉)

    b站永久封禁怎么解除(b站永久封禁怎么申诉)

  • 图虫怎么上传视频卡点(图虫怎么上传视频)

    图虫怎么上传视频卡点(图虫怎么上传视频)

  • 手机贴吧不能复制粘贴(手机贴吧怎么复制帖子内容)

    手机贴吧不能复制粘贴(手机贴吧怎么复制帖子内容)

  • 国内外人工智能AI工具网站大全(一键收藏,应有尽有)(国内外人工智能发展现状,及最新的人工智能应用?)

    国内外人工智能AI工具网站大全(一键收藏,应有尽有)(国内外人工智能发展现状,及最新的人工智能应用?)

  • 土地增值税怎么计算
  • 税务师工作年限是从毕业当天开始计算吗
  • 小规模纳税人税率2023年是多少
  • 个人所得税本期免税收入是指什么
  • 如何在网上查询发票
  • 企业购买房产每年需要交什么税
  • 设计服务需要交文化建设费吗
  • 自行研发的无形资产会计处理
  • 我公司给对方公司付款
  • 商业银行税前收益率
  • 结转税金需要附件吗
  • 开发成本存货减少
  • 折旧完的固定资产出售
  • 并购对利润的影响
  • 勾选认证的发票在哪里能查询
  • 固定资产维修费率
  • 子公司能转让吗
  • 出纳备用金收支登记表怎么做
  • 遗属补助是死亡当月发放还是次月发放
  • 收购免税农产品的税率
  • 进项转出税务处理
  • 系统日志在哪里打开
  • 上缴财政的收入 企业所得税
  • 怎么用onekey重装系统
  • 苹果电脑双系统好不好
  • 笔记本win10玩红警怎么全屏
  • 重装系统后软件打不开
  • PHP:pg_result_status()的用法_PostgreSQL函数
  • 照片文件夹如何压缩
  • 下载文件是php
  • 大沙丘上的日落图片
  • vue3如何实现使用SortableJs插件进行表格内的数据项拖拽排序
  • 职工福利费的开支范围有哪些
  • 转让费交什么税
  • 2023值得推荐的手机
  • yolov5s
  • 人工智能ai软件免费版app
  • discuzq是个做什么
  • 税务清算后还需要报税吗
  • 固定资产入账是税前还是税后
  • sqlserver创建临时表语句
  • 公允价值变动损益影响利润吗
  • 小规模增值税退税流程怎么操作
  • 应收票据备查簿的作用
  • 其他应收款账务核销后放在哪个科目里
  • 增值税普票跨月作废怎么操作
  • 已认证的发票开具红字发票账务处理?
  • 政府会计资产处置损益
  • 出售固定资产属于什么收入
  • 新准则委托代建会计处理
  • sql储存过程
  • mysql常见语句总结
  • mysql查询时间语句
  • mysql kill -9
  • Linux安装MySQL教程(二进制分发版)
  • centos6.5mini安装教程
  • exe文件xp3
  • mac 鼠标调整
  • hpp是什么文件
  • win7系统桌面图标有遮挡
  • linux wc-w
  • visual studio 10 cocos2dx项目移植到eclipse的android项目(配置请参照上一篇文章开发环境搭建)
  • opengl learn
  • 请问在javascript程序中
  • 深入解析java编译器:源码剖析与实例详解
  • python ar
  • 编写shell脚本,实现备份文件:每天18:00归档
  • mongoose python
  • 正确的解决方式
  • 安卓 截图
  • js判断浏览器内核和版本
  • js怎么定义类
  • python多线程技术
  • js实现dialog
  • jquery设置div的宽度和高度
  • 个人所得税完税证明在哪里查询
  • 污水处理厂房产税优惠政策
  • 工信部摩托车目录查询
  • 广东增值税发票勾选平台
  • 五证合一后工商变更完还要税务变更吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设