Vue jsonp解决跨域问题

  |   Vue.js jsonp Axios

请求api接口的时候返回响应数据,但是加载不了vue视图,然后我去看看浏览器控制台,原来axios不支持jsonpReturn,就是说需要安装vue-jsonp吧。

安装

在终端器命令:

$ npm install vue-jsonp --save

安装成功显示:

npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself.
+ vue-jsonp@0.1.7
added 1 package in 14.872s

src/main.js中添加:

import VueJsonp from 'vue-jsonp'
Vue.use(VueJsonp)

基本用法如下:

const url = "http://localhost:8888/api/book"
this.$jsonp(url, 传参参数对象{} ).then(json => {
 // 返回数据 json, 返回的数据就是json格式
}).catch(err => {
  console.log(err)
})