ajax application/json 跨域问题

时间：

分类：

js

字数：

201 字

时长：

大约需要 1 分钟

次数：

0 人阅读

Content-type: application/json CORS 跨域问题

如果 ajax 请求 Content-type: application/json ，跨域请求接口会有以下错误：

原因是常用的 CORS 处理跨域有限制，Content-type 的值仅限于下列三者之一：

  • text/plain
  • multipart/form-data
  • application/x-www-form-urlencoded

详细 CORS 文章可以参考阮一峰大佬写的 跨域资源共享 CORS 详解。

jQuery 添加 application/json

1
2
3
4
5
6
7
8
9
10
11
$.ajax({
  type: 'POST',
  url: '/xxx',
  contentType: 'application/json',
  data: JSON.stringify({
    url,
  }),
  dataType: 'json',
  success: function (res) {
  },
});

axios

axios 发送 post 请求时，默认的请求头 Content-Type 的属性值为 application/json

相关文章：

koa框架跨域设置参考 koa2 CORS 跨域

本文由 linx(544819896@qq.com) 创作，采用 CC BY 4.0 CN协议 进行许可。 可自由转载、引用，但需署名作者且注明文章出处。本文链接为： https://blog.jijian.link/2020-03-02/ajax-application-json-cors/

如果您觉得文章不错，可以点击文章中的广告支持一下！