个人日志027——vue项目开发环境中的请求接口切换问题

在开发中,有时候我们需要在本地、测试、生产几个环境的接口请求频繁切换,有时候处理起来比较麻烦,刚好现在这个vue项目就是这样子。现在项目已经接近尾声,赶着有时间把这个功能给整理一下。

首先利用process.env.NODE_ENV来判断是否开发环境,然后显示环境接口的下拉框(即只在开发环境下显示),如图1。把下拉框固定在右下角,一开始给个本地环境的默认值存在session中,切换环境时更改session的值,APP.vue中相关代码如图2图3。最后每次请求接口的时候先执行一下图4的方法。

个人日志027——vue项目开发环境中的请求接口切换问题

 

个人日志027——vue项目开发环境中的请求接口切换问题个人日志027——vue项目开发环境中的请求接口切换问题个人日志027——vue项目开发环境中的请求接口切换问题