uni-app request POST 请求方式不加 header头会默认为 OPTIONS

摘要:
背景:在测试uniapp的使用时,我发现在POST模式下进行网络请求时,如果不添加报头,就无法进行正常的网络请求。此时,默认请求模式被确定为OPTIONUni。此时,如果添加以下标头标头:{'content-type':'application/x-www-form-urlencoded',},则它是操作机制的正常POST请求摘要。我对它真的很陌生。它可以看作是一个知识点。我的个人测试发现GET方法是可以的。请多加注意
    • 背景:
      鄙人在测试 uniapp 的使用时,发现以 POST 方式进行网络请求时,如果不添加 header 头 是无法进行正常的网络请求的,此时默认的请求方式被认定为 OPTIONS
      uni.request 发起请求

    • 源码截图

uni-app request POST 请求方式不加 header头会默认为 OPTIONS第1张

  • 网络请求示意图

 uni-app request POST 请求方式不加 header头会默认为 OPTIONS第2张

  • 此时,如果添加如下的 header头
header: {
    'content-type': 'application/x-www-form-urlencoded', 
},
  • 那么才是正常的 POST 请求

uni-app request POST 请求方式不加 header头会默认为 OPTIONS第3张

    • 总结
      这其中的运行机制,鄙人实在不熟,算是一个知识点吧,个人测试发现,GET 方式是没问题的,多多注意咯 …

    • 补充
      再此补充一点,在我的ThinkPHP5.1框架项目下,api 控制器需要初始化构建一下,仅供参考:
      header("Access-Control-Allow-Origin: *");

uni-app request POST 请求方式不加 header头会默认为 OPTIONS第4张

 转载:https://blog.csdn.net/u011415782/article/details/86509918

---------------------------------------------------------------------自己项目--------------------------------------------------------------------------------------------------------------------

uni-app request POST 请求方式不加 header头会默认为 OPTIONS第5张

 uni-app request POST 请求方式不加 header头会默认为 OPTIONS第6张

 uni-app request POST 请求方式不加 header头会默认为 OPTIONS第7张

    header('Access-Control-Allow-Origin:*');
// 响应类型
    header('Access-Control-Allow-Methods:*');
// 响应头设置
    header('Access-Control-Allow-Headers:x-requested-with,content-type,*');

前端就只会发送一个请求了

uni-app request POST 请求方式不加 header头会默认为 OPTIONS第8张

免责声明:文章转载自《uni-app request POST 请求方式不加 header头会默认为 OPTIONS》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇使用John the Ripper破解sha512加密的shadow文件密码图片标注工具LabelImg使用教程下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

HTTP 请求头 Header

HTTP 请求头 Header  HTTP请求头概述 (HttpServletRequest) HTTP客户程序(例如浏览器),向服务器发送请求的时候必须指明请求类型(一般是GET或者POST或者HEAD)。   如有必要,客户程序还可以选择发送其他的请求头。大多数请求头并不是必需的,但Content-Length除外。对于POST请求来说Content-...

C# WebApi 接口传参详解

本篇打算通过get、post、put、delete四种请求方式分别谈谈基础类型(包括int/string/datetime等)、实体、数组等类型的参数如何传递。 一、get请求 对于取数据,我们使用最多的应该就是get请求了吧。下面通过几个示例看看我们的get请求参数传递。 1、基础类型参数 ? 1 2 3 4 5 [HttpGet] publ...

HTTP访问控制(CORS)

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS 当一个资源请求一个其它域名或者另外一个端口的资源时会产生一个跨域HTTP请求(cross-origin HTTP request)。比如说,http://domaina.example的某HTML页面通过 <im...

Nginx – access_log格式及配置

日志格式 日志内容 192.168.199.164 – jeson [14/Apr/2018:07:17:09 +0800] “GET /?feed=rss2 HTTP/1.1” 200 13883 “http://knowledge.me/” “Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11....

【原创】Capture CIS利用Access数据库建立封装库说明

1、在服务器端建立新空间,方便封装库以及数据库的归档存放    服务器路径:\192.168.1.234ShareSTG_LIB,文件夹内容如下,其中Datesheet存放物料数据手册,Pcb_Lib存放Allegro封装,Schematic_Lib存放Capture封装,STG_Datebase存放数据库文件。   2、构建Access数据库 1)打开A...

ASP.NET中Get和Post的用法 Request.QueryString,Request.Form,Request.Params的区别

表单form的提交有两种方式,一种是get的方法,一种是post 的方法.看下面代码,理解ASP.NET Get和Post两种提交的区别:   代码 view plaincopy to clipboardprint?< form id="form1" method="get" runat="server"> < div>...