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(this.apiUrl() + '/hello/')，其中apiUrl（）返回一個https鏈接。

本地，它在工作，但在CloudFlare後面的prod服務器上，它會返回insecure XMLHttpRequest endpoint錯誤，因爲結果是通過http服務的。

我在瀏覽器的開發工具的「網絡」選項卡中注意到的是，該URL返回一個301 - 永久移動，緊接着它是關於不安全端點的錯誤。

我刪除/後/hello和boof，它的工作原理。

---

我取出最後/嘗試過：

1. 確保Laravel迫使HTTPS。 （沒有工作）
2. 確保axios的baseURL使用https。 （did not work）
3. Hard-code HTTPS url。 （沒有工作）
4. 使用get而不是post。 （did not work）