Laravel vue 组件中的环境变量

Question

我在为已设置的环境变量获取正确值时遇到问题。我正在使用 valet 在本地主机上工作。这个特定的域是为 ssl (valet secure) 配置的，我所在的 URL 也显示了证书和正确的 URL.

我的 .env 文件中有以下内容：

APP_URL=https://pad.eppo
MIX_APP_URL=${APP_URL}

然后我在我的 Vue 组件中调用它：

console.log("Environment URL: " + process.env.MIX_APP_URL);

预期结果：

https://pad.eppo

结果：

http://pad.eppo

不涉及缓存或 cookie。两者都已获准仔细检查。我已经使用 npm run watch 重新编译，因为这在更改变量时是必需的。我不知道为什么会存在这个问题。这是个大问题，因为我的 axios 请求给出了错误。

非常感谢任何帮助。

Answer 1

在您的 Laravel 应用程序中强制使用 HTTPS：

URL::forceScheme('https');

将此行添加到 web.php 文件的开头。这样 ${APP_URL} 将通过 HTTPS 协议返回。

还要确保您的配置未被缓存 - 运行:

php artisan config:clear

Laravel environment variable in vue component