axios设置请求头content-type

可以使用axios.defaults.headers来设置请求头中的content-type类型，具体方法如下：

// 设置content-type为application/x-www-form-urlencoded
axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";

如果需要发送post请求并将数据以json格式提交到后端，可以使用以下代码：

// 设置content-type为application/json
axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";

// 发送post请求并提交json数据
axios.post(url, {
  data: JSON.stringify(data)
}).then(response => {
  console.log(response);
}).catch(error => {
  console.log(error);
});

相关问题

axios请求头content-type

axios请求头content-type是指在使用axios发送请求时，设置请求头中的content-type类型。这个类型通常用于告诉服务器请求体中的数据类型是什么，以便服务器能够正确地解析请求体中的数据。

以下是两个设置axios请求头content-type的例子：

1.将content-type设置为application/x-www-form-urlencoded类型

axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";

2.将content-type设置为application/json类型

axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";

需要注意的是，如果不设置content-type类型，axios默认的请求头content-type类型是’application/json;charset=utf-8’，并且发送post请求时默认是直接把 json 放到请求体中提交到后端的。

axios请求 设置了Content-Type=application/json 怎么一直设置不上去

当你使用axios发送JSON格式的HTTP请求时，如果你设置了`Content-Type`为`application/json`，但是实际请求的头部并未显示这个内容类型，可能是以下几个原因：

1. ** Axios配置错误**：确认你在`axios.create()`或者每次请求前的配置中是否正确设置了`headers`部分，应该像下面这样添加`Content-Type`头：

const instance = axios.create({
  headers: {
    'Content-Type': 'application/json'
  }
});

2. **发送请求时动态覆盖**：如果你在发送具体请求时手动设置header，确保这行代码也在设置`Content-Type`：

instance.post('your_url', { your_data }, {
  headers: {
    'Content-Type': 'application/json'
  }
});

3. **跨域问题**：某些浏览器出于安全考虑，在默认情况下会阻止发送`application/json`类型的请求，除非服务器响应允许。

4. **检查网络拦截器**：如果在请求经过中间件处理之前，如全局的response拦截器，有可能将`Content-Type`修改掉了。