Question

首先，请知道我是Laravel + VueJS + Vuetify的新手。才几岁。我有一个最初由远程开发人员开发和设置的Web应用程序，该应用程序在我的本地开发计算机上可以正常运行，但是当我将其推送到暂存站点时，控制台中出现以下错误。

VM38：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

您的应用已加载到https中，因此您需要在api调用中使用https

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

Answer 2

如消息所示，您的路由import com.domain.MyClass;通过HTTP服务，但您的网站通过HTTPS服务。

因此，将您的路由链接转换为HTTPS。如果该网址是通过Laravel帮助程序生成的，请检查/api/v1/auth/check文件中的APP_URL并确保其以.env开头。

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

2 个答案: