学习vue一段时间的感想

在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=>{});

posted @ 2018-01-26 13:24  2012021099ab  阅读(627)  评论(0编辑  收藏  举报