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

标签 javascript laravel vue.js digital-ocean lets-encrypt

我有一个以 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/

相关文章:

javascript - Crossfilter - 无法从其他组(不是来自关联组)获取过滤记录

php - Laravel 5.4 Eloquent 查询优化

javascript - Vuetify v-alert 在 react 属性更新时不显示

image - 如何在 Laravel 中的多个 url 上提供一张图像

css - 为什么 @keyframes 动画不适用于 Vue.js?

vue.js - Electron Ipc渲染向Vuex发出事件

javascript - 使用 Webstorm 服务器提供 PHP 服务

php - 如何在 javascript 中访问多维 PHP 数组作为 json 编码的变体?

javascript - 为什么这个程序每次重新加载页面时都会在消息表中插入值?

php - Laravel 5.5 权限 - 用户没有正确的角色