axios前端请求全局封装及引入

小储今天暴富了

已于 2022-11-08 15:11:50 修改

阅读量595

点赞数 1

分类专栏： axios vue 文章标签：前端 javascript vue.js

于 2022-11-08 15:09:52 首次发布

本文链接：https://blog.csdn.net/weixin_53474595/article/details/127750731

版权

1.根据环境变量不同配置不同baseURL,在utils文件夹新建ip-config.js文件

const env=process.env.NODE_ENV;
const IP={
     development:{//开发环境
        baseIp:'http://5.23.198.12:8088/yzt-cloud/',
     },
     production:{//生产环境
        baseIp:'http://5.23.198.12:8088/yzt-cloud/',
     },
     test:{
        baseIp:'http://5.23.198.12:8088/yzt-cloud/',//测试环境
     }
};
export default IP[env];

说明：process.env.NODE_ENV的值是根据package.json文件mode 后面值确认的，根据不同的运行命令获取不同的mode值，以便获取不同的baseURL

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

2.在utils文件夹里新建request.js文件，同时引入ip-config文件