Vue配置Axios并发送GET / POST请求
- 下载Axios,qs (axios.post时传递参数)
$ npm install axios
$ npm install qs
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- main.js中配置
import axios from 'axios'
import qs from 'qs';
Vue.config.productionTip = false;
Vue.prototype.axios = axios;
Vue.prototype.qs = qs
axios.defaults.baseURL='http://localhost:8090/graduationProject/haitunAdmin/public/admin/'
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
new Vue({
el: '#app',
router,
axios,
components: { App },
template: '<App/>'
})
- 组件中使用
this.axios.get('url')
.then((response)=>{
})
this.axios.get('url',{params:{id:eventId}})
.then((response)=>{
})
this.axios.post('url',qs.stringify(this.from))
.then((response)=>{
})