美文网首页
在vue中处理跨域问题

在vue中处理跨域问题

作者: skills | 来源:发表于2017-10-11 21:43 被阅读112次

    之前的公司处理跨域时一直用的是jsonp的方式,这种方式其实也可以解决跨域问题,但是因为公司项目部署到同一台服务器以后,就用不到jsonp了,而且使用vue+axios以后,axios是不支持跨域的,哪怎么办呢,所以这里介绍第二种方法--代理
    vue使用代理处理跨域很方便,使用vue-cli初始化以后,找到config下的index文件,照下面写

    proxyTable:{
      'api/capital/**':{
         target:'http://xxx.com',
         changeOrigin:true
       }
    }
    

    然后在你的请求文件中写

    axios.defaults.baseURL = '/api/capital/'
    

    就ok了

    相关文章

      网友评论

          本文标题:在vue中处理跨域问题

          本文链接:https://www.haomeiwen.com/subject/ydsgyxtx.html