新手接触vue2.0遇到的俩个问题，烦劳解决。

Question

一、

1：vue怎么去使用第三方库 swipe？
2：详见代码截图
3：这样做的时候没有报错信息，打开运行网页，swipe也没有用到。
4：在vue里面地应该怎么正确嵌入swipe等第三方库？

二、

1：axios怎么去使用jsonp？
2：在网上查找了相关资料好像axios并没有集成jsonp的方式。
3：如果要解决跨域，axios一般要怎么解决？

以上：目前联系项目的vue和axios、swipe都是在本地引入

Answer 1

1、直接cdn引入，或者npm 安装
2、可以直接在本地设置代理

配置项：config/index.js
dev: {

proxyTable: {
'/api': {

     target: 'https://api.douban.com/v2',
     changeOrigin: true,
     pathRewrite: {
     '^/api': ''
   }

}
},

调用：
this.axios.get('/api/book/1220562').then(res => {

 console.log(res)

}).catch(err => {
console.log(err)
})

Answer 2

先npm安装swiper，
然后在main.js里面引用swiper
import Swiper from 'swiper'
window.Swiper = Swiper
然后用你那个new Swiper就ok了

Answer 3

第一个问题别人都说了，我回答你第二个问题

首先 axios 不支持JSONP，由于jquery里面jsonp的调用方式，集成在ajax方法里面，导致好多人认为，就是ajax解决跨域的手段，其实jsonp和ajax一点关系都没有，更本就是两回事情。所以你要用JSONP解决你的跨域问题前， 请确认服务端是否支持。

axios不支持JSONP，但你如果非要用JSONP的话，你可以安装一个jsonp的库
npm install jsonp 就可以了，

Answer 4

前端不能跨域，通常意义上的跨域都需要后端配合。jsop只支持get形式的跨域，原理就是json文件里有一个直接调用已经声明好的方法。想要post跨域，还得看后端。