Feature(env): support multiple env build

Author: Armour

.env

@@ -0,0 +1,11 @@
+# Base api
+VUE_APP_BASE_API = '/dev-api'
+
+# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
+# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
+# It only does one thing by converting all import() to require().
+# This configuration can significantly increase the speed of hot updates,
+# when you have a large number of pages.
+# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
+
+VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.development

@@ -0,0 +1,2 @@
+# Base api
+VUE_APP_BASE_API = '/prod-api'

.env.production

@@ -0,0 +1,6 @@
+# Set to production for building optimization
+NODE_ENV = production
+
+# Base api
+VUE_APP_BASE_API = '/stage-api'
+

.env.staging

@@ -17,7 +17,7 @@ action "Filters for GitHub Actions" {
  action "Yarn build" {
   uses = "borales/actions-yarn@master"
   needs = ["Yarn install"]
-  args = "build"
+  args = "build:prod"
 }
 
 action "Deploy" {

.github/main.workflow

@@ -5,11 +5,12 @@
   "author": "Chong Guo <[email protected]>",
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+    "build:prod": "vue-cli-service build",
+    "build:stage": "vue-cli-service build --mode staging",
     "lint": "vue-cli-service lint",
     "svg": "vsvg -s ./src/icons/svg -t ./src/icons/components --ext ts --es6",
     "test:e2e": "vue-cli-service test:e2e",
-    "test:unit": "vue-cli-service test:unit"
+    "test:unit": "jest --clearCache && vue-cli-service test:unit"
   },
   "dependencies": {
     "@tinymce/tinymce-vue": "^2.0.0",

package.json

@@ -3,9 +3,9 @@ import { Message, MessageBox } from 'element-ui'
 import { UserModule } from '@/store/modules/user'
 
 const service = axios.create({
-  baseURL: process.env.VUE_APP_MOCK_API, // url = base url + request url
-  withCredentials: true, // send cookies when cross-domain requests
-  timeout: 5000
+  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
+  timeout: 5000,
+  // withCredentials: true // send cookies when cross-domain requests
 })
 
 // Request interceptors