后端SpringBoot,前端Vue2
1.安装 axios
npm install axios -g
2.配置axios
1)在mian.js中配置axios
import axios from 'axios' axios.defaults.baseURL = '/api' //关键代码
Vue.prototype.$axios=axios;
2)在config文件夹下的index.js文件中的proxyTable配置跨域请求头
proxyTable: { '/api': { target:'http://www.baidu.com', // 你请求的第三方接口 changeOrigin:true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题 pathRewrite:{ // 路径重写, '^/api': '' // 替换target中的请求地址,也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。 } } }
3)页面方法中调用axios请求接口
this.$axios.get("/test").then(response => { this.info = response.data; });
此方法适用于Vue2版本,已实测成功。