美文网首页
在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中处理跨域问题

    之前的公司处理跨域时一直用的是jsonp的方式,这种方式其实也可以解决跨域问题,但是因为公司项目部署到同一台服务器...

  • Vue面试归纳

    1. Vue项目axios跨域 跨域问题出现,使用webpack-dev-server的proxy功能处理 1...

  • axios跨域和配置proxyTable

    使用vue-axios和vue-resource解决vue中调用网易云接口跨域的问题 vue.js学习之 跨域请求...

  • Vue跨域请求

    在使用vue开发的时候经常要涉及到跨域的问题,其实在vue cli中是有我们设置跨域请求的文件的。 1、当跨域无法...

  • vue-cli脚手架项目中的跨域解决方案

    1、在使用vue开发的时候经常要涉及到跨域的问题,其实在vue cli中是有我们设置跨域请求的文件的。 2、当跨域...

  • 解决一例Vue跨域访问无效

    在使用vue开发的时候经常要涉及到跨域的问题,其实在vue cli中是有我们设置跨域请求的文件的。当跨域无法请求的...

  • ajax 请求

    Vue开发中解决跨域问题 Axios 配置请求拦截

  • vue 处理跨域问题

    1、安装proxy-middlewarenpm install proxy-middleware --save-d...

  • vue简单接口封装 跨域问题处理

    vue接口封装: 第一步:解决跨域 接口请求,一般都会碰到跨域问题,在vue项目中,我们采用页面代理的方法解决跨域...

  • Vue 开发和生产环境的跨域

    背景 在 Vue 项目的开发过程中,我们经常会遇到跨域请求的问题,如果不做处理,这个问题就会影响项目的开发进度。 ...

网友评论

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

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