鍍金池/ 問答/HTML/ 新手接觸vue2.0遇到的倆個(gè)問題,煩勞解決。

新手接觸vue2.0遇到的倆個(gè)問題,煩勞解決。

一、

1:vue怎么去使用第三方庫(kù) swipe?
2:詳見代碼截圖
3:這樣做的時(shí)候沒有報(bào)錯(cuò)信息,打開運(yùn)行網(wǎng)頁(yè),swipe也沒有用到。
4:在vue里面地應(yīng)該怎么正確嵌入swipe等第三方庫(kù)?

圖片描述

二、

1:axios怎么去使用jsonp?
2:在網(wǎng)上查找了相關(guān)資料好像axios并沒有集成jsonp的方式。
3:如果要解決跨域,axios一般要怎么解決?

以上:目前聯(lián)系項(xiàng)目的vue和axios、swipe都是在本地引入

回答
編輯回答
澐染

1、直接cdn引入,或者npm 安裝
2、可以直接在本地設(shè)置代理

配置項(xiàng):config/index.js
dev: {

proxyTable: {
'/api': {

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

}
},

調(diào)用:
this.axios.get('/api/book/1220562').then(res => {

 console.log(res)

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

2017年5月7日 00:52
編輯回答
別硬撐

先npm安裝swiper,
然后在main.js里面引用swiper
import Swiper from 'swiper'
window.Swiper = Swiper
然后用你那個(gè)new Swiper就ok了

2017年1月16日 12:05
編輯回答
六扇門

前端不能跨域,通常意義上的跨域都需要后端配合。jsop只支持get形式的跨域,原理就是json文件里有一個(gè)直接調(diào)用已經(jīng)聲明好的方法。想要post跨域,還得看后端。

2018年1月14日 21:09
編輯回答
心悲涼

第一個(gè)問題別人都說了,我回答你第二個(gè)問題

首先 axios 不支持JSONP,由于jquery里面jsonp的調(diào)用方式,集成在ajax方法里面,導(dǎo)致好多人認(rèn)為,就是ajax解決跨域的手段,其實(shí)jsonp和ajax一點(diǎn)關(guān)系都沒有,更本就是兩回事情。所以你要用JSONP解決你的跨域問題前, 請(qǐng)確認(rèn)服務(wù)端是否支持。

axios不支持JSONP,但你如果非要用JSONP的話,你可以安裝一個(gè)jsonp的庫(kù)
npm install jsonp 就可以了,

2017年10月15日 15:42