Add Laravel .env variable to Vue component

PHP：7.2

Laravel：7.2

當我們透過 Laravel 開發網站時，可能也會同時使用 Vue 來開發前端相關的功能，因此可能就會遇到需要 同時 設定 Laravel 跟 Vue 參數的狀況。

Environment Variables

在 laravel-mix 中，已經幫忙處理好前後端參數使用的問題，只要統一都寫在 .env 就可以了，不過 Vue 的參數需要加上 MIX_ 的 prefix。

.env

MIX_TEST=test-string

在 Vue 裡只要使用 process.env 便可取得參數。

Vue

export default {
    data () {
        return {
            test: process.env.MIX_TEST
        }
    }

}