vue 打包后动态配置API地址

2024年5月27日 325次阅读 来源: summer_zhang

1.static文件夹下新建config.js文件；

export const API = {
  // 测试环境
  DEV_SERVER: 'http://20.21.1.112:9602',
  // 线上环境
  PRO_SERVER: 'http://20.21.1.112:9602'
}

2.引入依赖：cross-env；

"build": "cross-env NODE_ENV=production node build/build.js"

3.axios封装文件中引入config.js，根据环境判断使用接口地址；

import { API } from '../../static/js/config'
let baseUrl = ''
if (process.env.NODE_ENV =='development') {
  // 开发环境的url
  baseUrl = API.DEV_SERVER
} else if (process.env.NODE_ENV == 'production') {
  // 正式环境的 request url
  baseUrl = API.PRO_SERVER
}
axios.defaults.baseURL = baseUrl
    原文作者：summer_zhang
    原文地址: https://segmentfault.com/a/1190000019788289
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞