vue 取消options 预检请求

Vue中取消options预检请求的方法非常简单，只需要在发送请求时设置headers中的Content-Type为application/x-www-form-urlencoded即可。

当Vue发送跨域请求时，浏览器会首先发送一个options预检请求来确认是否有权限访问目标服务器。如果服务器允许跨域访问，则浏览器会发送实际的请求。但是，在一些特殊情况下，例如请求头中包含Authorization信息时，服务器会拒绝options请求，导致请求失败。

为了解决这个问题，我们可以在发送请求时设置headers中的Content-Type为application/x-www-form-urlencoded。这样浏览器就不会发送options请求，而是直接发送实际的请求，服务器也会正确响应。

具体的代码实现如下：

import axios from 'axios';
// 设置Content-Type为application/x-www-form-urlencoded
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

axios.post('/api/user/login', {
  username: 'admin',
  password: '123456'
}).then(response => {
  console.log(response);
});

通过这种方式来取消options预检请求，可以更好地解决跨域访问问题，提高应用的性能和稳定性。