Framework7 Vue promise postJson CORS问题

Question

我正在尝试在 Framework7 Vue 中创建一个简单的应用程序。我正在使用最新版本。我有一个小 api 我正在尝试起床运行但由于某种原因我无法测试我想要的代码。当我使用 promise.post、promise.get、promise.getJSON 连接时，它工作正常，但如果我尝试使用 promise.postJSON，它会失败。我不明白为什么 CORS 只会拒绝 postJSON.

不起作用

self.$f7.request.promise.postJSON( self.webapi.login, { email: self.email, password: self.password } );

这些作品

self.$f7.request.promise.getJSON( self.webapi.login, { email: self.email, password: self.password } );
self.$f7.request.promise.get( self.webapi.login, { email: self.email, password: self.password } );
self.$f7.request.promise.post( self.webapi.login, { email: self.email, password: self.password } );

PHP Headers 在我的 API

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: *");
header("Access-Control-Allow-Headers: *");
header("Access-Control-Max-Age: 1728000");

样本 return 来自 API

{"reply":"1","id":2,"token":";lk3984hq347y0q34h;q34kjhiq98u987oi4h","code":"123456"}

Answer 1

您的 GET 请求将生成 simple requests, but POSTing JSON requires a non-safe Content-Type request header so will require a preflight OPTIONS request。

API 未能以可接受的方式响应预检。错误消息会准确地告诉您如何（通常它会以不可接受的状态代码（例如重定向或错误）进行响应，或者会丢失或错误 Access-Control-... headers.

Framework7 Vue promise postJson CORS问题

Framework7 Vue promise postJson CORS issue

php

vue.js

html-framework-7