具體情況看截圖

我封裝了一個ajax模塊，源碼如下

import axios from 'axios'

import Qs from 'qs'

export default {

post: function (url, data) {

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

let config = {

//請求的接口，在請求的時候，如axios.get(url,config);這里的url會覆蓋掉config中的url

url: url,

// 請求方法同上

method: 'post', // default

// 基礎url前綴

baseURL: 'http://127.0.0.1/netdisk/public/',

transformRequest: [function (data) {

// 這里可以在發送請求之前對請求數據做處理，比如form-data格式化等，這里可以使用開頭引入的Qs(這個模塊在安裝axios的時候就已經安裝了，不需要另外安裝)

data = Qs.stringify({});

return data;

}],

transformResponse: [function (data) {

// 這里提前處理返回的數據

return data;

}],

// 請求頭信息

headers: {'X-Requested-With': 'XMLHttpRequest'},

//parameter參數

params: {

timestamp: Date.parse(new Date()) / 1000

},

//post參數，使用axios.post(url,{},config);如果沒有額外的也必須要用一個空對象，否則會報錯

data: data,

//設置超時時間

timeout: 5000,

//返回數據類型

responseType: 'json', // default

}

return axios.post(url, data, this.config)

}

}

然后在組件內部使用

this.ajax.post(url, form)

.then(function (res) {

console.log(res)

})

.catch(function (err) {

console.log(err)

})

調用失敗，報上圖錯誤，這是怎么回事呢？

我服務器設置了CORS頭部為*，并且在其他地方使用file標簽跨域上傳文件成功了，說明服務器設置沒問題，現在問題應該是出在vue.js部分，但是究竟是啥問題呢？

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的axios不发起请求_axios无法发起跨域请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。