vue之初入门

Posted 2020-11-28 wszhurui

接着上一篇博客，已经创建好了一个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初入门教程一起学习。学习愉快！！！