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

  • 相关阅读:
    快速设置Scrapy随机的IP代理
    快速设置随机的UserAgent
    windows安装flask并创建虚拟环境
    数电和模电比较
    程序员如何写出一份好的文档?
    Qt简介
    基于 Qt的聊天工具
    如何将word组合图形保存成png
    2015电赛点滴
    函数定义
  • 原文地址:https://www.cnblogs.com/hl2016-10-28/p/8359063.html
Copyright © 2020-2023  润新知