Vue 設定環境變數和模式

在專案的根目錄下新建兩個檔案：

• .env.dev
• .env.prod
  

檔案內容如下：

開發環境：

NODE_ENV=development
VUE_APP_SERVER=http://127.0.0.1:9000

生產環境：

NODE_ENV=production
VUE_APP_SERVER=http://127.0.0.1:9000

在 main.js 中列印一下看看：

console.log("環境: ", process.env.NODE_ENV);

在請求的時候可以呼叫系統環境作為請求路徑：

process.env.VUE_APP_SERVER + '/business/admin/chapter/save'

啟動指令碼

我們可以通過設定引數的方式改變啟動的配置檔案：

vue-cli-service serve --mode dev

在 package.json 中設定：

{
  "name": "admin",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve-dev": "vue-cli-service serve --mode dev",
    "serve-prod": "vue-cli-service serve --mode prod",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  ...

在編輯器中就能看到這幾個啟動指令碼：