axios delete方法 php,axios使用方法 - osc_yyhakgol的个人空间 - OSCHINA - 中文开源技术交流社区...

npm install axios

创建文件夹api/index.js

import axios from 'axios';

let http = axios.create({

baseURL: '',

changeOrigin: true,

withCredentials: true,

headers: {

'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'

},

transformRequest: [function (data) {

let newData = '';

for (let k in data) {

if (data.hasOwnProperty(k) === true) {

newData += encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) + '&';

}

}

return newData;

}]

});

function apiAxios(method, url, params, response) {

http({

method: method,

url: url,

data: method === 'POST' || method === 'PUT' ? params : null,

params: method === 'GET' || method === 'DELETE' ? params : null,

}).then(function (res) {

response(res);

}).catch(function (err) {

response(err);

})

}

export default {

get: function (url, params, response) {

return apiAxios('GET', url, params, response)

},

post: function (url, params, response) {

return apiAxios('POST', url, params, response)

},

put: function (url, params, response) {

return apiAxios('PUT', url, params, response)

},

delete: function (url, params, response) {

return apiAxios('DELETE', url, params, response)

}

}

main.js

import Api from './api/index.js';

Vue.prototype.$api = Api;

调用

this.$api.get('/apis/index.php?act=login', {

"act": "login"

}, response => {

this.msg=response.data+'1';

},error => {

this.msg='error';

}

);