vue test devlopment production三个环境对应的链接更改

在
package.json 文件里

  "scripts": {
    "start": "vue-cli-service --mode test serve", // 本地跑时对应test环境
    "serve": "vue-cli-service --mode test serve",
    "build:uat": "vue-cli-service --mode development build",// 打包测试环境时，对应development环境
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

文件里新增两个配置文件，分别对应uat和生产应该取的值

比如

.env.development环境下，取

VUE_APP_IFRAMEURL = "https://uat.com.cn/"
VUE_APP_IFRAMEURL_HREF = "https://uat.com.cn"

.env.production环境下，取

VUE_APP_IFRAMEURL = "https://uat.com.cn/"
VUE_APP_IFRAMEURL_HREF = "https://uat.com.cn"

在页面中就可以放心的写代码而不用担心切换环境，值没有变化的情况了，不过还是要测试一下哈

    const url = process.env.VUE_APP_IFRAMEURL;