如何在npm run build 指令中传递参数?

小弟遇到问题了:

目前分为三个环境:开发,测试,生产.打包构建的指令分别如下
image.png
当下有如下要求:

打包可已传入参数(host),项目会根据传入的参数将调用api接口的地址自动覆盖成指定的定制

比方说:生产环境的地址如下
image.png

当执行 npm run build 命令时 项目中对axios的封装会自动去环境变量寻找你写好的 baseURL-->即是'//fl.cn/api'
image.png

继而所有的请求都会转接到
http://fl.cn/api上去

现在我想执行命令 npm run build -- 168.134.20.10:5635

将生产环境的baseURL覆盖成http://168.134.20.10:5635

请问如何实现?


项目是根据vue-admin-template 改造的

image.png

已解决 悬赏分:50 - 解决时间 2021-11-27 05:09
反对 0举报 0 收藏 0

回答2

最佳
  • @

    文档:
    vue-cli 环境变量和模式

    原理:
    其实你再可以搜索下process.env相关文档,一看就懂。
    比如我搜索的这个,你可以看看。应该就懂了。
    NodeJs/Vue项目中对process.env的使用

    支持 0 反对 0 举报
    2021-11-26 09:46
  • @

    最后问题解决了

    执行以下命令即可
    image.png

    支持 0 反对 0 举报
    2021-11-26 10:10