vue-resource 换成 axios chromedevtools 里 http请求 看不到 post 数据了

Question

vue-resource 换成 axios chromedevtools 里 http请求 看不到 post 数据了 是什么原理。。

Answer 1

在main.js加上

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

或者

const qs = require('querystring')
Vue.prototype.$http = axios.create({
  baseURL: 'http://xxxxxxxxxx',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  transformRequest: [function (data) {
    data = qs.stringify(data)
    return data
  }]
})

Answer 2

如果是跨域的话 ， 你要看清楚是什么请求。是OPTIONS还是POST
目测是OPTIONS请求　

Answer 3

axios好像会发送两个请求，一个是OPTIONS，另一个才是你真正发送的GET或者POST请求

Answer 4

应该是你再config中配置了upload，如下，只要把这个注释掉就好了,跨域如果绑定upload时间就会触发option请求，详细看这个http://www.tuicool.com/articl...
onUploadProgress: function(progressEvent) {

 // Do whatever you want with the native progress event

},

onDownloadProgress: function(progressEvent) {

 // Do whatever you want with the native progress event

},