vue index.html环境变量,vue项目的环境变量

关于项目中环境变量的总结

背景

项目环境通常分为开发环境，测试环境，线上环境

由于每一个环境的接口域名、webpack 配置都是不一样的，因此在打包构建时，咱们须要区分这些环境，这时就用到了环境变量

在工做中使用到了两种方法来区分，下面将这两种方式一一列举出来

技术框架是[email protected]

首先看下下面的解释，后面会用到

< process 对象是一个全局变量，提供 Node.js 进程的有关信息以及控制进程。 由于是全局变量，因此无需使用 require()

< process.env属性返回一个包含用户环境信息的对象vue

1、process.env.npm_config_argv和webpack的插件DefinePlugin配合使用

process.env.npm_config_argv能够获取npm命令行的参数

通常咱们build时，会根据不一样环境使用相应环境的接口域名，咱们能够在执行build时添加参数java

在package.json里面scripts的字段配置以下node

"scripts": {

"dev": "node build/dev-server.js",

"start": "npm run dev", "build": "node build/build.js" }

config文件目录以下webpack

|---config 启动配置

|---index.js 项目配置文件

|---dev.env.js 开发环