1.新建request.js
import axios from 'axios';
axios.defaults.baseURL = "*******Base URL*******";
export const myRequest = options => {
if (options.method === 'get') {
return axios({
url: options.url,
method: 'get',
headers: options.headers || {},
params: options.method === 'get'? options.params : {},
data: options.method === 'post'? options.data : {},
responseType: options.responseType || 'json',
withCredentials: true,
})
}
return axios({
url: options.url,
method: options.method || 'get',
headers: options.headers || {},
params: options.method === 'get'? options.params : {},
data: options.method === 'post'? options.data : {},
responseType: options.responseType || 'json',
withCredentials: true,
transformRequest: [function (data, headers) {
let str = '';
for (let key in data) {
str = str + '&' + key + '=' + data[key]
}
return str.substring(1, str.length);
}],
})
}
2.main.js中引入
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import {myRequest} from "./util/request";
Vue.config.productionTip = false;
Vue.prototype.bus = new Vue();
Vue.prototype.$myRequest = myRequest;
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
3.使用
_this.$myRequest({
url: 'signin',
method: 'post',
data: {
phone: _this.usrphone,
userPwd: _this.usrpwd
}
}).then(res=>{
console.log(res);
}).catch(err=>{
console.log(err);
})