vue 使用axios 跨域请求数据的问题
2017-10-18 16:55
871 查看
axios默认是没有jsonp 跨域请求的方法的。一般来说流行的做法是将跨域放在后台来解决,也就是后台开发人员添加跨域头信息。
例如java中的
但是很多时候,后台出于一些原因不想修改或者已经写好jsonp的接口需要适应不同平台,此时,前端就可以单独引入依赖解决该问题了。
引入依赖
导入到vue文件
使用方法(可以参考npm上 jsonp的文档说明)
例如java中的
header,response.setHeader("Access-Control-Allow-Origin", "www.allow-domain.com")
但是很多时候,后台出于一些原因不想修改或者已经写好jsonp的接口需要适应不同平台,此时,前端就可以单独引入依赖解决该问题了。
引入依赖
cnpm install jsonp
导入到vue文件
import jsonp from 'jsonp'
使用方法(可以参考npm上 jsonp的文档说明)
jsonp("http://cross-domain.com",//替换网址 { //jsonp的回调函数名 name: 'success_jsonpCallback' }, //注意第一个参数是 err,第二个参数是 data function (err, data) { console.log(data); });
相关文章推荐
- vue使用axios跨域请求数据问题详解
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- vue 使用axios 跨域请求数据的问题
- vuejs中vue-resource或使用axios发送请求及解决跨域问题
- vue-cli的axios使用方法,get、post请求的跨域问题解决
- vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题
- 在vue中使用axios跨域访问数据,用proxyTable解决跨域问题
- webpack+vuex+axios 跨域请求数据的示例代码
- 在 Vue 结合 Axios 使用过程 中 post 方法,后台无法接受到数据问题
- vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题
- vue使用axios发送数据请求
- vue使用axios调用豆瓣API跨域问题
- Vue--axios:vue中的ajax异步请求(发送和请求数据)、vue-resource异步请求和跨域
- vue.js使用axios实现跨域请求
- 详解在Vue中如何使用axios跨域访问数据
- Vue-cli使用axios从跨域服务器获取JSON数据
- 使用vue-axios请求geoJson数据报错的问题
- vue 使用 axios 发 post 请求,后台无法接收到数据
- 关于vue2.x使用axios以及http-proxy-middleware代理处理跨域的问题
- 在Vue中如何使用axios跨域访问数据