这篇文章主要介绍“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/de免费云主机域名v.env.js和config/prod.env.js中设置变量。相当于同一个变量名，在不同的模式下，有不同的值。同理，如果有其他在生产环境和开发环境取值不同的同名变量，可以定义在相应的文件中，如在axios请求时，不同环境有不同的baseURL，即可以设置。第三步、在main.js中设置process.env.MOCK && require(“./mock/index.js”)。process.env.MOCK这句就是判断刚才设置的值，如果是true，才会执行语句引入mock，如果是false，则后面的语句不执行，即不引入mock。近期在学习Vue，碰到前端需要数据，自己手敲太麻烦，页面也不美观，于是想到了用mock。之前用过一次，但现在全忘了。所以在这里记录一下，以备不时之需。本文从项目建好后一步一步进行vue+mock的使用。1）新建一个vue项目2）将helloworld.vue的内容删除，便于后期调试3）新建一个按钮控件，绑定一个点击事件使用npm方式安装在src下新建mock文件，并新建文件mock.js。代码编写详细可参考mock.js官网下面给出简单的示例代码：在helloworld中编写点击事件关于“vue中怎么控制mock在开发环境使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。
这篇文章主要介绍“Redis的过期键删除策略原理是什么”，在日常操作中，相信很多人在Redis的过期键删除策略原理是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Redis的过期键删除策略原理是什么”的疑惑有所帮助！接下来，…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
