从 Laravel 中的 .env 获取 .data 到 Laravel Nova Card - vue 组件

Question

从 Laravel 上的 .env 获取数据到 vue 组件中的 LARAVEL NOVA HOME

我需要从 LARAVEL 上的 .env 获取数据以在 Laravel Nova Card 上使用

在 .env 上我有： APP_URL=https://example.com

我需要从 Laravel .env 中获取这个值来动态生成导航链接 在 LARAVEL NOVA 登录页面后的第一页（MAIN PAGE） - LARAVEL NOVA DASHBOARD

主页有 6 个图标（这是导航链接）

我需要返回六个链接，例如：

https://example.com/one-page

https://example.com/two-page

https://example.com/three-page

https://example.com/four-page

https://example.com/five-page

https://example.com/six-page

我需要来自 .env，因为如果更改项目的 URL，我只需要在 .env 中更改为不会损坏 LARAVEL NOVA MAIN PAGE 上的主导航卡

Answer 1

Vue 工作在前端，也就是应用层。我不认为 dotenv 在那里为你工作。我建议您在脚本中通过 .blade.php 传递值。

<script>
   const window.MIX_APP_URL = {{ env('MIX_APP_URL') }};
</script>

并使用 MIX_APP_URL 变量作为 vue 中的值。

data() {
  return {
    appUrl: window.MIX_APP_URL,
  }
}