我有一个以 Laravel 后端作为 API 的 VueJs 应用。
当在本地运行时,应用程序按预期使用 https 工作,但是当在生产服务器上时,我收到 Requested an insecure XMLHttpRequest endpoint
消息。
我的服务器在 Digital Ocean 上,已使用 RunCloud 进行设置并通过 LetsEncrypt 启用了 SSL。
可在此处查看申请:https://vehicletrader.sweney.co/#/
请注意,现阶段没有围绕 API 的授权。
任何建议都会有所帮助。
最佳答案
请求 URL 末尾的斜杠 /
是我造成这种情况的原因。
我的 axios 调用是一个简单的 axios.post('https://getShafiq.com/hello/')
。
在本地,它正在运行。
但是在 CloudFlare 后面的生产服务器上,它会返回 insecure XMLHttpRequest
。
我在浏览器开发工具的“网络”选项卡中注意到,该 URL 返回一个 301 - Moved Permanently
,紧随其后的是关于不安全端点的错误。
我在 /hello
和 boof 之后删除了 /
,它起作用了。
关于javascript - VueJS 请求了一个不安全的 XMLHttpRequest 端点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45516678/