VueJS 请求了一个不安全的 XMLHttpRequest 端点

Question

我有一个带有 Laravel 后端作为 API 的 VueJs 应用程序。

在本地运行时，应用程序使用 https 可以正常工作，但是在生产服务器上时，我收到 Requested an insecure XMLHttpRequest endpoint 消息。

我的服务器在 Digital Ocean 上，已使用 RunCloud 设置并通过 LetsEncrypt 启用 SSL。

申请可以在这里查看：https://vehicletrader.sweney.co/#/

请注意，在这个阶段没有围绕 API 的授权。

任何建议都会有所帮助。

Answer 1

请求 URL 末尾的斜线 / 是我的原因。

我的 axios 调用是一个简单的axios.post('https://getShafiq.com/hello/')。

在本地，它正在工作。

但在 CloudFlare 后面的 prod 服务器上，它会返回 insecure XMLHttpRequest。

我在浏览器开发工具的“网络”选项卡中注意到，该 URL 正在返回一个 301 - Moved Permanently，紧随其后的是关于不安全端点的错误。

我在/hello 和boof 之后删除了/，它可以工作。