VUE-JS 定义开发环境和生产环境全局变量

发表于 更新于 分类于

1.在项目目录新建一个.env文件，打开文件设置一个变量

1
2
#.env文件
VUE_APP_URL=http://www.baidu.com

注意前面的VUE_APP_是系统已经固定好的格式，后面的URL才是我们可以改变的部分

同时.env还有开发模式和生产环境，不同环境执行不同文件

普通通用环境.env（无论那个环境都一样）

开发环境.env.development（这个文件需要自己创建）

生产环境.env.production

2.在app脚手架中应用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#xxx.vue文件使用方法

<html>
<p>{{url}}</p>
</html>

<script>
export default {
  name: 'HelloWorld',
  data:function(){
    url:process.env.VUE_APP_URL
  },
}
</script>