接着上一篇博客,已经创建好了一个vue项目,命令cd进入到项目目录下,键入命令
cnpm install axios -S
下载axios,再进入config/目录下,编辑index.js,找到该文件里的proxyTable:{}这个地方,编辑成这样
proxyTable:{ '/api':{ target:'http://localhost:8000', changeOrigin:true, pathRewrite:{ '^/api':'' } } }
这是配置允许跨域连接后端,(对应我的第一篇springboot博客的例子,其中8000为后端地址
接下来配置main.js,引入axios到全局
var axios=require('axios') Vue.prototype.$axios=axios
这段代码放在import下面,然后就可以在任何地方直接引用this.$axios了。
关于我对于路由的的理解,App.vue可以是所有组件的父类,就是无论路由到哪个页面,这个页面就会继承App.vue里的东西,所以这是有些新人遇到的无论路由到哪个界面都会有Vue那个图片的原因了,只要把App.vue的图片那行直接删除就行了,注意只删除图片那行,千万别多删除其他的地方,要不然奇奇怪怪的问题又要找到你了,就比如路由到其他页面的时候只是浏览器上的url变了,视图内容没变,或者视图变空白,别问我怎么知道的,亲身体验。此教程并不完整,要配合网上其他vue初入门教程一起学习。学习愉快!!!