看过vue和webpack api的同学都知道，使用npm run dev可以运行开发环境的代码，使用npm run build就是打包生产环境的代码。但是如果我还有测试环境和预发布环境，运行npm run build命令只能在生成环境也就是线上环境运行，那我的测试和预发布环境怎么打包?

参考了网上的一些文章，我觉得还是从 axios调用接口api，修改 axios的 baseURL入手比较方便。

做法：

①在config/prod.env.js文件中通过后缀名区分不同的环境，因为prod.env.js定义的常量可以在全局引用，省去了我们再定义全局变量的步骤。

②可以定义一个全局配置文件，在main.js中引用，这样每次运行程序都会首先运行这个配置文件。在这个配置文件中，引入axios，并根据当前的域名配置axios的baseURL

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

卓越的云计算服务提供商,230万+用户正在享受阿里云"稳定,安全,低成本"的产品服务,金牌服务:免费体验,专业快速备案,7x24小时售后,服务器只选阿里云

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue