首页 > 编程学习 > 前端向后端调用接口的方式

前端向后端调用接口的方式

发布时间:2023/1/25 12:41:39

传统方式:

axios(常用) 

前提是安装了axios

main.js中引用

import axios from 'axios'
 
Vue.prototype.$http = axios

get方式:

httpGet(){
    this.$http.get('apis/webapi/index/product')
    .then( (res) => {
 
     this.subnav=res.data;
                    
     })
}

post方式:

httpPost(){
    this.$http.post('apis/webapi/index/product',{id:id})
    .then( (res) => {
 
     this.subnav=res.data;
                    
     })
}

新方式:

接口由URLHTTP方法构成,URL为接口的地址,HTTP方法指的是GET, PUT, DELETE等等传输方式。

GET方式:

axios.get().then().catch()

注:get方式传参数可以直接跟在url后面,也可以通过param对象

POST方式:

axios.post().then().catch()

注:post方式传参必须用对象传


本文链接:https://www.ngui.cc/el/2883528.html
Copyright © 2010-2022 ngui.cc 版权所有 |关于我们| 联系方式| 豫B2-20100000