vue中控制mock在开发环境使用，在生产环境禁用

2024-05-16 10:29:16

文章目录

vue中控制mock在开发环境使用，在生产环境禁用
- 解决方案

vue中控制mock在开发环境使用，在生产环境禁用

原因：mock拦截所有的axios请求，根据请求，做出相应的响应。平时前后端分离开发，我们使用mock获得相应的数据，但当和后端联调的时候，不禁用mock，就无法获得后端数据。

解决方案

第一步、我们设置mock在开发development环境可用，在生产production环境不可用。在vue中通过设置main.js中的Vue.config.productionTip来决定模式。默认为false是生产环境。我们将其设置为true即进入了开发环境，设置后，可在浏览器检查中看到You are runing Vue in development mode如下图：

第二步、我们在config/dev.env.js和config/prod.env.js中设置变量。相当于同一个变量名，在不同的模式下，有不同的值。

// dev.env.js下的配置。
module.exports = merge(prodEnv, {NODE_ENV: '"development"',MOCK: true //开发环境使用mock
})// prod.env.js下的配置
module.exports = {NODE_ENV: '"production"',MOCK: false // 生产环境禁用mock
}

同理，如果有其他在生产环境和开发环境取值不同的同名变量，可以定义在相应的文件中，如在axios请求时，不同环境有不同的baseURL，即可以设置。

第三步、在main.js中设置process.env.MOCK && require("./mock/index.js")。process.env.MOCK这句就是判断刚才设置的值，如果是true，才会执行语句引入mock，如果是false，则后面的语句不执行，即不引入mock。

vue中控制mock在开发环境使用，在生产环境禁用相关推荐

[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST
[配置]VUE中通过process.env判断开发,测试和生产环境,并分环境配置不同的URL HOST process.env是什么? process.env 是 Node.js 中的一个环境对象.其 ...
vue配置开发、测试、生产环境（proxy中获取process.env.NODE_ENV）
先是看了这个文章写的如何npm run build 的时候自动配置地址参考文章"vue配置开发.测试.生产环境(不同环境,不同命令)_Amy_cloud的博客-CSDN博客_vue生产环境 ...
vue中控制浏览器滚动
vue中控制浏览器滚动最近的业务中需要用到控制浏览器滚动到对应位置的问题,pc端用到的是vue框架,业务是点击题目题号,定位到相对应的题目(相信业务中会经常遇到哈),首先想到的肯定就是js老大哥了, ...
为什么eolinker发送老是等待_eolinker环境管理之开发、测试和生产环境
在开发的过程中,不可避免会接触到至少三个环境的程序部署:开发.测试和生产环境. 可能在每个环境都使用一套数据库配置,路径配置等,如果每次都人工的干预每一个配置文件,工作会比较繁杂,且容易遗漏并且出错. ...
环境管理：开发、测试和生产环境
在开发的过程中,不可避免会接触到至少三个环境的程序部署:开发.测试和生产环境.可能在每个环境都使用一套数据库配置,路径配置等,如果每次都人工的干预每一个配置文件,工作会比较繁杂,且容易遗漏并且出错.这 ...
31 SpringBoot多环境的切换(生产环境、开发环境、测试环境)
参考链接: Spring官网 Spring官网外部配置加载顺序的说明 SpringBoot多环境的切换(生产环境.开发环境.测试环境)_周太阳的博客-CSDN博客_springboot测试生产环境切 ...
辨析：开发环境、测试环境、准生产环境、生产环境
对于刚接触程序猿这个行业的小猿们,刚听到这些名词是不是感觉有点高大上,但是很懵逼啊,完全分不清楚,今天就以我个人的理解来给大家辨析一下这几个名词的区别. 开发环境:开发环境顾名思义就是我们程序猿自己把 ...
搭建 K8S 环境:Centos7安装生产环境可用的K8S集群图文教程指南
搭建 K8S 环境:Centos7安装生产环境可用的K8S集群图文教程指南一. K8S 简介二. K8S 学习的几大拦路虎 2.1 K8S 安装对硬件要求比较高 2.2. K8S 对使用者来说要求 ...
Tomcat与Jre绿色环境配置（生产环境）
Tomcat与Jre绿色环境配置(生产环境) 博客分类: Apache Java jreapachetomcat Tomcat运行时需要jre的支持,一般有两种方式,一种是用jdk带的jre,另一种 ...

最新文章

热门文章