失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > VUE - get post 请求后端接口:get post 写法 (Axios 中文说明文档地址)

VUE - get post 请求后端接口:get post 写法 (Axios 中文说明文档地址)

时间:2023-01-21 13:00:25

相关推荐

VUE -  get  post 请求后端接口:get  post 写法 (Axios 中文说明文档地址)

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。

Axios 中文使用说明文档地址:Axiox 中文说明文档

我只是记录下写法,两种请求都能正常运行:

1. 安装:

npm install axios

2.在 main.js 中加上以下配置:

// 用于和后台交互,发送请求import axios from 'axios';axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';Vue.prototype.$axios = axios;

<template><div id="box"><input type="button" @click="getdata()" value=" 小熊点点它"><!-- <h1>site : {{data}}</h1> --></div></template><script type="text/javascript">var data = "";export default {data() {return {data};},methods: {getdata() {// get请求this.$axios.get("这里写请求的url").then(res => {alert("请求成功,response=" + res.data);// data = res.data;console.log(res.data.navList);});} }};</script>

3. post 请求 参数组装:

代码:

// 组装参数,不直接写在data后面var params = new URLSearchParams();params.append("account", "admin");params.append("nickname", "小熊");this.$axios({method: "post",url: this.GLOBAL.BASE_URL + "/user/getUser",data: params}).then(res => {});

如果觉得《VUE - get post 请求后端接口:get post 写法 (Axios 中文说明文档地址)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。