5-5 Vue CLI多环境部署
Posted 孤注一掷 、
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了5-5 Vue CLI多环境部署相关的知识,希望对你有一定的参考价值。
一、增加开发和生产配置文件
这个只能访问本机,一般会添加一个不同环境的配置,如下
在web文件夹中新增
新增如下:
使用process.env.xxx读取环境变量。
然后作如下修改
双击测试
结果如下:
下面修改编译:(打成静态的包,即dist文件夹下的内容,发布的话就是发布这些静态文件)
这里可以修改启动的端口:
将axios请求域改为读配置文件:
测试结果成功:
然后添加如下:
这样使代码更加简洁
测试成功:
以上是关于5-5 Vue CLI多环境部署的主要内容,如果未能解决你的问题,请参考以下文章