码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli3生产环境和开发环境路径的替换

时间:2020-04-30 23:15:28      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:code   process   请求   路径   内容   地址   目录   style   base   

在根目录下创建两个文件,这样的好处在于不用手动去书写判断环境替换路径代码

.env.development(开发)

.env.production(生产)

 

内容:

必须是VUE_APP前缀开头,这样webpack可以运行或者打包时候,会将其集成到process.env中

如:

 1 // .env.development中 地址都是瞎写的
 2 VUE_APP_BASE_URL = ‘192.168.0.0:8080‘
 3 
 4 
 5 // .env.production中
 6 VUE_APP_BASE_URL = ‘192.168.0.1‘  
 7 
 8 
 9 
10 // 在实际请求中,只需要写入一个url
11 // 如:
12 axios.get(`${process.env.VUE_APP_BASE_URL}`/api)
13 
14 
15 // 在进行开发环境,会使用development中的地址
16 // 打包生产使用production中的地址。

 

回炉重造中,共勉!

 

vue-cli3生产环境和开发环境路径的替换

标签:code   process   请求   路径   内容   地址   目录   style   base   

原文地址:https://www.cnblogs.com/lsAxy/p/12811480.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!