vue中get与post请求
vue高版本中，推荐使用axios进行网络请求，而不再使用vue-resource。
在vue04项目中，在终端运行 npm install --save axios vue-axios ，下载vue-axios插件
注意：“vue04项目”是指我的上篇博客中通过vue-cli脚手架创建的项目（后面我会附上源码，博客标题：《利用vue-cli创建项目步骤简述》，博客链接：https://blog.csdn.net/qq_41115965/article/details/80766520）
提示：使用插件的时候，一般都要在入口文件main.js中引入，因为main.js项目运行首先运行的文件。具体代码如下：
main.js文件
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
疑问：为什么使用Vue.use(VueAxios, axios)
解惑：通过全局方法 Vue.use() 使用插件，就相当于调用install方法，vue官网举例如下：
// 调用 `MyPlugin.install(Vue)`
Vue.use(MyPlugin)
注意：在comunication组件中发起请求，要使用Vue，所以需要引入，即import vue from 'vue'（comunication组件是本例中发起网络请求的组件）
axios的get请求的参数解释：
第一个参数是链接，参数还可以拼接，也可以使用params形式。学习网址： https://www.npmjs.com/package/axios
axios的get使用方法（源自相关学习网址截图）
// Make a request for a user with a given ID
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
// Optionally the request above could also be done as
axios.get('/user', {
params: {
ID: 12345
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
注意：原本url应该http://127.0.0.1:5888/api/get,但是开发时，代码都是放在公司服务器上的，绝对不会存在跨域问题。测试环节中，没有必要让后台进行jsonp处理或者cors。
此时点击comunication组件中的按钮，发起get请求，会出现报错。报错信息为：GET http://localhost:8080/api/get?name=%E5%AC%B4%E6%94%BF&age=45 404 (Not Found)
报错解释：
其中http://localhost:8081是默认的服务器端口，在package.json中 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",利用webpack-dev-server插件，搭建一个服务器，执行webpack.dev.conf.js，内置的服务器没有/get/api接口,所以会报错。
解决方法：设置转发的域
具体做法：查看package.json文件，"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",双击打开build/webpack.dev.conf.js文件，找到proxy设置代理，按住Ctrl并鼠标点击proxy: config.dev.proxyTable,此时会进入index.js文件，配置转发的域，具体做法见下图，而后在终端按下Ctrl+c，而后 npm start 重启项目。