解决axios发送post请求时会先发送options请求的问题

Author Avatar
hayato 4月 14, 2018

解决 axios 发送 post 请求时会先发送 options 请求的问题

在开发时使用 axios 发送 post 请求时，发现在发送 post 请求之前会先发送一个 options 请求。

环境

  • 前端
    • Vue.js v2.5.2
    • Element UI
    • axios v0.17.1
  • 后端
    • express v4.15.2

问题

当从前端发送 post 请求后，会先发送一个 options 请求

原因

OPTIONS requests are what we call pre-flight requests in Cross-origin resource sharing (CORS).

就是说在跨域请求时，浏览器会出在正式通信之前发送一个预检请求。

解决方案

增加一个请求头信息 application/x-www-form-urlencoded。

  let config = {
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  }
  axios.post('http://localhost:3000/questions/update', params, config)
  .then((response) => {
    console.log(response)
    this.idPass()
  })

这样再次使用发送 post 请求时，就不会再出现 options 请求了。

然而我并不觉得有必要移除这个 pre-flight。

本文参考

作者：hayato
文章版权：本站所有文章版权依赖于 CC BY-NC-SA 3.0 Unported License
本文链接：https://blog.axis-studio.org/2018/04/14/解决axios发送post请求时会先发送options请求的问题/