【前后端联调】接口传参之data:{}和params:{}

这篇博客探讨了在使用axios进行前后端联调时,接口传参的两种主要方式——data:{}和params:{}. 作者指出axios是一个基于Promise的HTTP库,既适用于浏览器也适用于node.js,是ajax的组件化升级。文中强调了axios的组件化优点,并提供了如何设置请求和响应拦截器的提示,同时展示了在POST和GET请求中如何分别在data和params中传递参数。
摘要由CSDN通过智能技术生成

使用axios请求后台接口的时候传参有两种形式

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
特点:

  • 支持浏览器和node.js
  • 支持promise
  • 能拦截请求和响应
  • 能转换请求和响应数据
  • 能取消请求
  • 自动转换JSON数据
  • 浏览器端支持防止CSRF(跨站请求伪造)

简单来说,axios就是ajax的升级版,是分装组件化了。详情点击:axios()

使用axios的时候可以将其组件化:利于多页面引用

  • 注意要设置请求拦截器和响应拦截器
  • 分成开发环境和生产环境两套的,我这里因为项目的原因,仅只有一套环境。
  • 其实说是环境,其实就是更换下不同的baseUrl地址
import axios from 'axios'
import router from 'vue-router'
import Cookies from 'js-cookie';

const service = axios.create({
   
  // baseURL: 'http://192.168.43.119:8080/platform-diner-1.0.0/api',
  // baseURL: 'http://192.168.0.112:8080/platform-diner-1.0.0/api',
  //http://127.0.0.1:8080/platform-diner-1.0.0/api
  baseURL:`
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值