5-5 Vue CLI多环境部署

Posted 孤注一掷 、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了5-5 Vue CLI多环境部署相关的知识,希望对你有一定的参考价值。

一、增加开发和生产配置文件

这个只能访问本机,一般会添加一个不同环境的配置,如下

在web文件夹中新增

 新增如下:

 使用process.env.xxx读取环境变量。

然后作如下修改

 双击测试

 结果如下:

 下面修改编译:(打成静态的包,即dist文件夹下的内容,发布的话就是发布这些静态文件)

 这里可以修改启动的端口:

 将axios请求域改为读配置文件:

 测试结果成功:

 然后添加如下:

 这样使代码更加简洁

测试成功:

以上是关于5-5 Vue CLI多环境部署的主要内容,如果未能解决你的问题,请参考以下文章

springboot maven 配置多环境部署

SpringBoot 多环境部署

jenkins多环境部署

jenkins多环境部署

如何高效完成ECS多环境部署?

SpringBoot多环境部署,在启动时动态设置相应的配置文件