---
# System prepended metadata

title: Laravel 在Js或Vue中讀取.env變數
tags: [PHP, ' Backend', ' Laravel']

---

---
tags: PHP, Laravel, Backend
---

# Laravel 在Js或Vue中讀取.env變數

適用於`Laravel 6.x 7.x 8.x 9.x`

## 設置.env變數

通過在 `.env` 文件中的環境變量前加上 `MIX_` 來將環境變量注入到 `webpack.mix.js` 腳本中：

`MIX_GOOGLE_PLACE_API=YOUR_KEY`

## 讀取.env變數

在 `.env` 文件中定義變量後，可以通過 `process.env` 對象訪問它。如果是在任務運行時環境變量的值發生變化，您將需要重新啟動任務，例如正在運行`npm run watch`，請重新執行

`process.env.MIX_GOOGLE_PLACE_API`

[Environment Variables](https://laravel.com/docs/9.x/mix#environment-variables)
