欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue网络请求库归纳

程序员文章站 2022-06-15 22:18:40
Axios这里只介绍在 在Vue-cli下的使用main.jsimport axios from 'axios'Vue.prototype.$http=axios*.vue中 import Vue from 'vue' import axios from 'axios' Vue.prototype.$axios = axios我也不知道为什么一定要在script中声明这些才能使用它axios.post(url,data).then(function(res){})...

Axios

这里只介绍在 在Vue-cli下的使用

  • main.js

    import axios from 'axios'
    Vue.prototype.$http=axios
    
  • *.vue中

  •   import Vue from 'vue'
      import axios from 'axios'
      Vue.prototype.$axios = axios
    

    我也不知道为什么一定要在script中声明这些才能使用它

    axios.post(url,data).then(function(res){})
    

Jsonp

jsonp可以很好的实现跨域的GET请求,Webpack如下配置

  • main.js
import {VueJsonp} from 'vue-jsonp'
Vue.use(VueJsonp)
12
  • router/index.js

    import VueResource from 'vue-resource'
    Vue.use(VueResource)
    12
    
  • components : *.vue

        this.$http.jsonp('http://127.0.0.1123/').then(
              function(json){
                that.ba_data=JSON.parse(json.bodyText)
                that.data=this.ba_data.data[0]
              }
              )
              

本文地址:https://blog.csdn.net/lftxd1/article/details/110261687

相关标签: # 前端