vue 常量定義和使用

用的vue-cli 3.x構建的 vue專案，如何定義不同環境下的常量呢？一下已定義全域性BASE_URL舉例

1. 在config/dev.env.js 下

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_URL:'"http://localhost:8080"'   //在這裡定義
})

2. 同理config/prod.env.js

'use strict'
module.exports = {
  NODE_ENV: '"production"'
  BASE_URL:'"http://localhost:8080"'   //在這裡定義
}

3. 定義好後，就可以在元件中透過 process.env.BASE_URL 來進行呼叫了

本作品採用《CC 協議》，轉載必須註明作者和本文連結