Vue关于环境变量的配置

搭建vue项目有两种方式:

1、vuecli脚手架搭建

2、webpack搭建
其中,使用方法一搭建,环境变量配置需自己创建一个名为vue.config.js的文件进行配置
           使用方法二配置环境变量步骤如下:
           步骤一:根目录下创建dev.env.js文件、prod.env.js文件、test.env.js文件以及index.js文件
           步骤二:配置各文件

index.js
Vue关于环境变量的配置_第1张图片Vue关于环境变量的配置_第2张图片

Vue关于环境变量的配置_第3张图片

dev.env.js
Vue关于环境变量的配置_第4张图片

test.env.js

Vue关于环境变量的配置_第5张图片

prod.env.js

Vue关于环境变量的配置_第6张图片

3.配置packjson.js文件
参考文章:https://blog.csdn.net/weixin_33840661/article/details/91393068

你可能感兴趣的:(Vue关于环境变量的配置)