Question

需要任何人的帮助。

如何获取在Laravel项目的.env文件下定义的环境变量，我想在vuejs组件中访问此环境。

.env file

SECREAT_KEY=<My secreat key here>

我想在登录组件下访问相同的变量

export default {
       name: 'login',
        data () {
            return {
                login: {
                    username: '',
                    password: '',
                    grant_type: 'password',
                    client_id: <client id>,
                    client_secret: <SECREAT_KEY I want access here>
                },
                submitted: false
            }
        }
}

Answer 1

通过使用MIX_创建单独的环境变量前缀

IN .env文件

MIX_SECREAT_KEY = 123456789

现在在vue中将环境变量添加到.env文件中之后，您可以通过process.env对象进行访问。

  process.env.MIX_SECREAT_KEY

在您首先访问环境变量之前，您需要重新启动watch任务

Answer 2

在布局文件（主要是app.blade.php）中，在关闭head标签之前添加以下内容：

<script>
var APP_NAME = <?php echo json_encode([
  "secret_key" => config('services.secret_key')
]); ?>
</script>

在您的config / services.php中：添加您的秘密密钥

[
  'secret_key' => env('SECRET_KEY'),
]

现在，在您的vue文件或任何js文件中，您都可以按以下方式访问它

APP_NAME.secret_key

如何在VueJs组件中获取环境变量

2 个答案: