當使用Vue發送HTTP請求時，我們經常使用“POST”方法來將數據提交給服務器。但在Vue中，“POST”請求有一個問題，即在某些情況下，“POST”方法會導致CORS（跨域資源共享）問題，因此必須使用“OPTIONS”方法。 當使用Vue發送HTTP請求時，我們需要將“POST”方法轉換為“OPTIONS”方法并發送。

那么，為什么要用“OPTIONS”方法呢？"OPTIONS"通常被定義為"預檢請求"，這是一種HTTP請求方法，用于協商兩方之間請求和響應的參數。

簡單來說，當瀏覽器檢測到請求不符合同源策略時，它會向服務器發送一個預檢請求，其中包含一些頭信息，以確定是否允許實際的“POST”請求。 在接收到服務器的響應后，瀏覽器才會發送實際的“POST”請求。

在Vue中，我們可以使用axios和Vue-resource兩個庫來發送HTTP請求。 當我們使用Vue-resource時，在Vue-resource的選項中設置鉤子，以將“POST”請求轉換為“OPTIONS”請求。

Vue.http.options.beforeSend = function(request) {
if (request.method === 'POST') {
request.method = 'OPTIONS';
}
};

如上所示，在請求發送之前，檢查是否為“POST”請求。 如果是，則將請求方法更改為“OPTIONS”。

在使用Axios時，我們可以使用axios的攔截器來實現相同的目的。Axios攔截器允許我們在發送請求之前以及接收響應之后執行自定義操作。

我們可以使用interceptors.request和interceptors.response選項來添加攔截器。 在interceptors.request中，我們檢查請求是否為“POST”請求，并將其更改為“OPTIONS”。

axios.interceptors.request.use(function (config) {
if (config.method === 'post') {
config.method = 'options';
}
return config;
}, function (error) {
return Promise.reject(error);
});

當響應成功返回時，在interceptors.response中，我們可以處理它，并使用實際的請求方法（即“POST”或“GET”）將其返回。

axios.interceptors.response.use(function (response) {
if (response.config.method === 'options') {
response.config.method = 'post';
return axios(response.config);
}
return response;
}, function (error) {
return Promise.reject(error);
});

如上所示，在響應返回時檢查請求方法是否為“OPTIONS”。 如果是，則使用實際的請求方法（即“POST”或“GET”）將其返回。

在Vue中，POST請求變成OPTIONS請求是常見的，特別是在使用跨域請求時。 通過使用上述方法，我們可以輕松地將POST請求轉換為OPTIONS請求并發送。同樣，我們還可以在Vue的options中添加CORS標頭，以通過CORS。