首页 > 其他 > 详细

接口环境配置

时间:2020-09-04 21:05:35      阅读:59      评论:0      收藏:0      [点我收藏+]

前言

  • 开发上线的不同阶段,需要不同的配置;
  • 不同的跨域方式,配置不同;
  • 打包的时候统一注入环境参数,统一管理环境,输出不同的版本包

在没有使用接口代理的情况下,可以为每种环境配置请求的baseURL:

配置

package.json

"scripts": {
  "serve": "vue-cli-service serve --mode=development",
  "build": "vue-cli-service build --mode=production",
  "test": "vue-cli-service serve --mode=test",
  "lint": "vue-cli-service lint"
},

env.js

let baseURL;
switch(process.env.NODE_ENV){
    case ‘dev‘:
        baseURL=‘开发环境的请求url‘
        break;
    case ‘test‘:
        baseURL=‘测试环境的请求url‘
        break;
    case ‘prod‘:
        baseURL=‘生产环境的请求url‘
        break;
    default:
        baseURL=‘默认请求url‘
        break; 
}

main.js

import env from ‘./env‘
axios.defaults.baseURL= ‘baseURL‘;

接口环境配置

原文:https://www.cnblogs.com/sanhuamao/p/13616009.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!