在vue之前本人只是用过angular做过一些东西,具体对于angular也不是很了解。
对于刚进入前端行业不久的新手来说,自己去搭建一个webpack+es6+vue2.X来说可能是很头疼的,但是vue-cli的官方给我们提供了一个脚手架,你只需要根据官方文档一步一步的操做你就会搭建好一个,我前面所说的开发环境。
vue官方脚手架搭建的是一个单页面的应用。
对于vue来说它的开发社区还是很好的,它的UI框架也比较多如果你是开发的pc端项目,你可以应iview,elementui,移动端你可以使用mintui等,对于前后端交互可以用axios,说了这么多了,那么前后端分离首先要解决的就是跨域的问题,如果你是用的vue-cli单间的环境你应该在,config目录下的index.js下面配饰你要访问的地址:
dev: {
env: require('./dev.env'),
port: 8075,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api':{
target:'http://10.112.68.79/',/**http://10.122.1.181/portal */
changeOrigin:true,
pathRewrite:{
'^/api':''
}
}
},
然后在main.js里面加上一句vue.prototype.host = "/api"
接下来你在vue里面去发送axios请求的时候应该这样使用:axios.get(this.host+"你要访问的地址").then(res=>{});