前端调用后端接口，使用axios，因为v-resource组件官方已不再维护了：

Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_跨域
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_跨域_02
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_proxyTable_03
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_前端技术_04
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_http请求_05
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_跨域_06
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_axios_07

res形参封装了整个响应结果：

Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_前端技术_08
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_跨域_09
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_http请求_10

Vue提供的proxyTable组件用于解决跨域问题：（服务器与服务器之间的相互请求不存在跨域问题，只有浏览器发出的请求才可能存在跨域问题）

Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_proxyTable_11

浏览器的同源策略不允许跨域。
所谓同源，就是：①同协议；②同服务器；③同端口。

Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_前端技术_12
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_axios_13
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_axios_14
Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_proxyTable_15

实际请求的端口是：端口相同也就不存在跨域问题了

Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_axios_16

成功获取到数据：

Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例_http请求_17