vue在不同的环境打包不同的接口地址（巨简单）

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

1.在main.js中，引入axios，并根据当前的域名配置axios的baseURL

import axios from 'axios'
if (locatin.hostname === 'localhost') {
axios.defaults.baseURL = process.env.API_PATH_DEV
} else if (locatin.hostname === 'dev.gomain.com') {
axios.defaults.baseURL = process.env.API_PATH_DEV
} else if (locatin.hostname === 'test.gomain.com') {
axios.defaults.baseURL = process.env.API_PATH_TEST
} else if (locatin.hostname === 'prod.gomain.com') {
axios.defaults.baseURL = process.env.API_PATH_PROD
}

配置好axios后，每次执行 npm run build命令都会根据 当前不同的环境而选用不同的域名地址。这样就可以达到只打包一次就能在不同的环境中运行了，

2.想要在接口调用处获取链接只需

import axios from 'axios'

var baseUrl= axios.defaults.baseURL;

 

是不是so easy ，哈哈哈
发现有点bug，一刷新就没有了，建议存session哦

 

以上是 vue在不同的环境打包不同的接口地址（巨简单） 的全部内容， 来源链接： utcz.com/z/377678.html

回到顶部