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

转载于 2019-03-19 15:42:00 发布 · 350 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/miaSlady/p/10559107.html

文章标签：

#javascript #ViewUI

在main.js中引入axios，根据当前域名配置其baseURL。配置好后，每次执行npm run build命令，会依据不同环境选用不同域名地址，从而实现只打包一次就能在不同环境中运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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哦

转载于:https://www.cnblogs.com/miaSlady/p/10559107.html