vue使用axios实现与后台Java调用

先安装axios:npm install axios
vue使用axios实现与后台Java调用_第1张图片
再在main.js中引入下图配置:

import axios from 'axios'
Vue.prototype.$axios = axios
// axios 配置
axios.defaults.timeout = 5000;

//axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';
// axios.defaults.headers.post['Content-Type'] = 'json';

axios.defaults.baseURL = 'http://localhost:8080/项目名称';

vue使用axios实现与后台Java调用_第2张图片
vue页面添加代码:
vue使用axios实现与后台Java调用_第3张图片
运行结果:
vue使用axios实现与后台Java调用_第4张图片

你可能感兴趣的:(vue使用axios实现与后台Java调用)