Vue中配置多環境變量

在Vue開發中,經常遇見多個訪問環境,開發環境、UAT環境、準生產環境、生產環境等,每一種環境下訪問的域名,都是不一樣的,所以,就可以通過配置多環境變量。

第一步:在package.json文件中,添加新的編譯打包節點,

  "name": "survey_pro",
  "version": "1.0.0",
  "description": "dioacha",
  "author": "dorayo <[email protected]>",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "unit": "jest --config test/unit/jest.conf.js --coverage",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "build": "node build/build.js",
    "survey": "node build/survey.js" //新增的編譯打包節點
  },

第二步:修改配置build的打包文件,可以把build.js文件,複製一份,重命名,比如:survey.js,同時修改,survey.js的配置參數

第三步:修改打包配置文件

可以把webpack.prod.conf.js,複製一份,重命名爲webpack.survey.conf.js,同時修改配置參數。

第四步:修改 webpack.base.conf.js配置參數

修改vue-loader.conf.js中的參數。

第五步:修改環境變量參數:

複製一份prod.env.js,重命名爲survey.env.js,修改參數配置

學習博客:

https://www.cnblogs.com/itmrzhang/p/11008280.html

https://www.jianshu.com/p/09daa4f88dd5

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章