由于axios默认发送数据时,数据格式是Request Payload,而并非我们常用的Form Data格式,后端未必能正常获取到,所以在发送之前,需要使用qs模块对其进行处理。cnmp install qs --save
在main.js 中添加
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import VueRouter from 'vue-router'
import router from './router'
import qs from 'qs'
//定义全局变量
Vue.prototype.$qs = qs
var axios = require('axios')
axios.defaults.baseURL = 'http://localhost:8888/api'
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
//将API方法绑定到全局
Vue.prototype.$axios = axios
// 导入 ElementUI
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
//导入Vuex
import Vuex from 'vuex'
import App from './App'
// 安装路由
Vue.use(VueRouter);
// 安装 ElementUI
Vue.use(ElementUI);
//安装 Vuex
Vue.use(Vuex);
new Vue({
el: '#app',
// 启用路由
router,
// 启用 ElementUI
render: h => h(App)
});
this.$axios.post(
'/getTableUserData',
this.$qs.stringify({
currentPage:this.currentPage,
pagesize:this.pagesize
}),
)
所有评论(0)