Laravel混合内容阻止用户登录我的网站。

Question

首先，请知道我对Laravel + VueJS + Vuetify是个新手。才几天大。我有一个由远程开发人员开发和安装的web应用程序，它在我的本地开发机器上工作得很好，但是当我将它推到暂存站点时，我在控制台中得到了以下错误。

an 38:1混合内容：“https://staging.mywebsite.com/”处的页面通过HTTPS加载，但请求一个不安全的XMLHttpRequest端点“http://staging.mywebsite.com/api/v1/auth/check”。此请求已被阻止；内容必须通过HTTPS送达。

我不知道我需要改变什么，使这个工作在本地，分期和生产网站，因为最初的远程开发人员是没有多大帮助，几乎不可能联系。请提供尽可能多的细节。需要更改的文件的绝对路径等.这样我就可以自己做了。

下面是框架为此目的使用的配置文件中的代码片段。

.env文件

APP_ENV=local
APP_URL=http://localhost
...
...
APP_DOMAIN=localhost
APP_API="/api/v1"
MIX_APP_DOMAIN="${APP_DOMAIN}"
MIX_APP_API="${APP_API}"

config/app.php

'env' => env('APP_ENV', 'production'),
'url' => env('APP_URL', 'http://localhost'),

Answer 1

正如消息所述，您的路由/api/v1/auth/check是通过HTTP服务的，但是您的网站是通过HTTPS服务的。

因此，将您的路由链接转换为HTTPS。如果url是使用Laravel生成的，请在您的APP_URL文件中检查您的.env，并确保它以https开头。

Answer 2

您的应用程序加载在https中，因此您需要在api调用中使用https。

https://staging.mywebsite.com/api/v1/auth/check