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

最新推荐文章于 2024-03-25 10:42:49 发布

wild_guiqulaixi

最新推荐文章于 2024-03-25 10:42:49 发布

阅读量7.3k

点赞数 2

分类专栏：实例方法分享文章标签： axios post get vue 请求方式

本文链接：https://blog.csdn.net/allanwhy/article/details/89448175

版权

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

摘要由CSDN通过智能技术生成

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

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

使用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:`