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 后面的生產服務器上，它會返回insecure XMLHttpRequest 。

我在瀏覽器開發工具的“網絡”選項卡中注意到，該 URL 返回301 - Moved Permanently ，緊隨其后的是關於不安全端點的錯誤。

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