本篇文章給大家分享的是有關怎么在Vue項目中發送一個jsonp請求，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創新互聯是一家專業提供順義企業網站建設,專注與成都網站設計、網站制作、H5技術、小程序制作等業務。10年已為順義眾多企業、政府機構等服務。創新互聯專業的建站公司優惠進行中。

使用vue-jsonp

下載

npm install vue-jsonp --save-dev

引入項目

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

然后，我們就可以在項目中愉快地使用啦??

項目中xxx.vue文件

<script>
export default {

  data() {...},
  created() {
    // 
    this.getJson()
  },
  mounted() {
    window.jsonpCallback = (data) => {
      console.log(data.token)
      // 調用獲取后端token的方法
      this.getToken(data.token)
    }
  },
  methods: {
    getJson() {
     this.$jsonp(this.url, {
      callbackQuery: "callbackParam",
      callbackName: "jsonpCallback"
     })
      .then((json) => {
      // 返回的jsonp數據不會放這里，而是在 window.jsonpCallback
       console.log(json)
      })  
    },
    
    getToken(token) {
      this.axios.post('/xxxurl')
        .then((res) => {
          // success 之后就正常登陸了
        })
    
    }
  
  }
 }  
</script>

以上就是怎么在Vue項目中發送一個jsonp請求，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創新互聯行業資訊頻道。

標題名稱：怎么在Vue項目中發送一個jsonp請求
網站路徑：http://www.yijiale78.com/article32/gjhgpc.html

成都網站建設公司_創新互聯，為您提供網站設計、網站設計公司、標簽優化、網站維護、定制開發、軟件開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯