Vue Elememt 链接后端

get:

//async 标记为异步请求

// get 直接获取路径并

axios.get(`api/user/selectUserAll`,{

params:{

"tiaoshu":this.tiaoshu,

"pageSize":this.currentPage,

}

})

.then((res) => {

console.log(res)

this.tableData = res.data.userList;

this.maxPage = res.data.maxPage;

});

}

post:

// 先设定传入参数

let params = {

id: this.form.id,

name: this.form.name,

price: this.form.price,

multipartFile: this.form.imgFile,

};

let config = {

// 添加请求头

headers: {

"Content-Type": "multipart/form-data",

},

};

//创建对象

const data = new FormData();

// 加入数据

for (let k in params) {

data.append(k, params[k]);

}

console.log(params);

// 发送异步post

this.request({

method: "post",

url: `api/food/addFood`,

data,

config,

})

// 添加成功!

.then(function (res) {

if (res.data) {

window.alert("添加成功!");

}

});

相关推荐
likuolei4 小时前
XSL-FO 软件
java·开发语言·前端·数据库
正一品程序员4 小时前
vue项目引入GoogleMap API进行网格区域圈选
前端·javascript·vue.js
j***89464 小时前
spring-boot-starter和spring-boot-starter-web的关联
前端
star_11124 小时前
Jenkins+nginx部署前端vue项目
前端·vue.js·jenkins
im_AMBER4 小时前
Canvas架构手记 05 鼠标事件监听 | 原生事件封装 | ctx 结构化对象
前端·笔记·学习·架构
JIngJaneIL4 小时前
农产品电商|基于SprinBoot+vue的农产品电商系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·农产品电商系统
Tongfront4 小时前
前端通用submit方法
开发语言·前端·javascript·react
c***72744 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
可爱又迷人的反派角色“yang”4 小时前
LVS+Keepalived群集
linux·运维·服务器·前端·nginx·lvs
han_4 小时前
前端高频面试题之CSS篇(二)
前端·css·面试