vue-cli根据不同的命令打包不同的环境

Question

首先说明一下本人小白刚接触vue-cli配置项目
我的需求是这样的：根据不同的命令行可以打包不同的域名也就是对应的域名环境，但是我在网上找了很多都达不到我的结果，比如：https://juejin.im/post/5abef4...
但是上面的好像只能打包接口域名。我的需求是所有的域名都要改变，我按照上面的教程进行配置的时候build的时候 我这边显示的不是预期的结果，不知道是不是我哪里配置错了，请大佬们看一下 小弟跪谢。

Answer 1

可以改一下配置。将变动的域名做成变量结合需要打包的环境进行赋值。这样就可以做到你说的效果

Answer 2

什么叫所有的域名都要改变？正常来说只需要配置接口域名就可以了。访问的域名你项目放到对应的服务器目录下自己会变的，这个不需要改变的啊。

Answer 3

我一般都是封装axios，把baseUrl写在封装的ajax函数里，上线的时候改成线上地址

Answer 4

建议专门建一个 api 的目录，把变量和接口多封装起来，然后 axios 也是统一封装 request