Vue.jsコンポーネント内でLaravelの .envを使用する方法

#これまで
axiosインスタンスの作成（カスタム設定）をしたいときのbaseURLの記述部分で直接記述しても良いのか？という疑問に当たりました。

また、本番環境・開発環境などとこれから設定値も切り替えたいものでもありました。

let $axios = axios.create({
    baseURL: 'http://localhost:8000',
    timeout: 5000,
    headers: {
        'Content-Type': 'application/json'
    }
})

#対処

process.env.[変数名]でアクセスできる.

Laravel環境変数

let $axios = axios.create({
    baseURL: process.env.MIX_BASE_URL,
    timeout: 5000,
    headers: {
        'Content-Type': 'application/json'
    }
})

env

MIX_BASE_URL=http://localhost:8000

#所存
環境で変化するものはenvに入れてみようかなと思います（仮）

#参考
https://medium.com/@patrickcurl/using-laravel-env-variables-inside-vue-js-components-29faa9a344c5