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

转载于:https://www.cnblogs.com/hl2016-10-28/p/8359063.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值