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

el/2024/3/2 11:58:40

传统方式:

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方式传参必须用对象传


http://www.ngui.cc/el/2883528.html

相关文章

JS之温故而知新(marksheng)

模板字符串(超级字符串) var name 小明; var age 20; var message 你好, ${name}, 你今年${age}岁了!; alert(message); toUpperCase toUpperCase()把一个字符串全变大写: var s Hello; s.toUpperCase(); // 返回HELLO toLowerCase…

react学习(marksheng)

第一步(安装工具,生成项目,启动项目) 通过 npm 使用 React 使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: npm install -g cnpm --registryhttps://registry.npm.taobao.org npm config set regist…

array对象(数组)

什么是数组? 数组对象是使用单独的变量名来存储一系列的值。 创建一个数组 创建一个数组,有三种方法。 1: 常规方式: var myCarsnew Array(); myCars[0]"Saab"; myCars[1]"Volvo"; myCars[2]"BMW"; 2: 简洁方式: var myC…

element常用代码合集

增 &#xff08; this.DataList.push(newData)&#xff09; 点击按钮弹出对话框&#xff0c;填写添加内容 <el-button type"text" click"dialogVisible true">点击打开 Dialog</el-button><el-dialogtitle"提示":visible.sync…

前端问题锦集

1.get http://172.28.15.187:8080/sockjs-node/info?t1631163185130 net::err_connect 如果你遇到以下情况说明你来对地方了 进入/node_modules/sockjs.-client/dist/sockjs.js 将大约1606行左右的self.xhr.send(payload)注释 完美解决 2.解码decodeURI(%E2%80%8B) 3.控制台…

Vue.js 2.0 教程

Vue.js 介绍 Vue.js&#xff08;读音 /vjuː/, 类似于 view&#xff09; 是一套构建用户界面的渐进式框架。 Vue.js 安装 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖&#xff0c;走你…

MongoDB可视化工具--MongoDB Compass使用

一、启动MongoDB 在命令行中可直接输入>mongo即可&#xff0c;显示如下&#xff1a; 在MongoDB Compass比较简单&#xff0c;可以选择默认的服务器、接口和None认证&#xff0c;然后点击CONNECT即可&#xff1a; 二、创建、删除数据库 2.1创建数据库 进入页面之后&#xff0…

js原型链,继承和promis的基本理解

List item 一、原型链 开局一张图 prototype 每个函数都有一个prototype属性&#xff0c;被称为显示原型 2._ proto _ 每个实例对象都会有_ proto _属性,其被称为隐式原型 每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototype constructor 每个pr…

Vue做项目必备(节省80%时间,持久更新,不讲武德)

目录 1.iconfont 2. sass版本问题 3.屏幕高宽度自适应 4. 跨域 5. 拦截器 6.项目插件安装 7.登录鉴权&#xff08;单路由&#xff09; 8.插件引入、持久化、字体图标、富文本、时间戳 9. 跳转、返回、前进和后退 10.echarts图表的使用 11. vue组件中引入js文件(放scr…