首页 > 其他 > 详细

vue-cli设置proxyTable 跨域

时间:2017-09-13 12:45:56      阅读:381      评论:0      收藏:0      [点我收藏+]

  跨域问题很常见,至于为什么有跨域就不说了。记录一下在vue-cli中设置跨域 这里只需要前端设置 ,然后就可以进行跨域访问啦

  在脚手架中 config的文件夹下面有一个index.js 打开找到proxyTable ,发现是一个空对象。这个单词的意思是代理 。那么我们可以理解为 通过这个代理发出请求,映射到相同的域名端口号下,然后实现跨域的访问。

  那么怎么设置呢?

  

 proxyTable: {
        /api/:{
            target:http://210.16.188.194:8090,
            changeOrinin:true,
            pathRewrite:{
                ^/api:‘‘
            }
        }
    },

  呐 介绍一下怎么用 , 

  target: 写你需要访问的地址 比如说我需要访问的接口是这个下面的某个文件,我只需要写到端口号即可  

  changeOrinin:true  照抄就行啦

  下面的也是照抄即可

  然后请求访问 

  this.$axios.get(‘api/xxxxxxxxxxxxxxxxx‘).then(data=>{})....

  需要注意的就是前面要加上api这些。

  vue-resource同理 

vue-cli设置proxyTable 跨域

原文:http://www.cnblogs.com/pengaijin/p/7514042.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!