node.js+express写接口+vue+axios请求问题

1.vue + axios.get请求

• url传参方式

const getUserName = (data) => axios.get(`/fiction?name=${data}`)

• 对象方式json格式

const wiate = (data) => axios.post(`/`, {params:data})

2.vue + axios.post请求

我们现在来说说post请求常见的数据格式（content-type）：

• Content-Type: application/json ： 请求体中的数据会以json字符串的形式发送到后端

axios.post(`/`, data, { headers: { 'Content-Type': 'application/json' } });

注意：如果想直接传递json格式的数据需要headers设置成Content-Type: application/json格式不然node三种取参方式都是｛｝添加后req.body可以取到数据但需要body-parser插件，安装即可

• Content-Type:application/x-www-form-urlencoded：请求体中的数据会以普通表单形式（键值对）发送到后端

let data = {"code":"1234","name":"yyyy"};
axios.post(`/`,qs.stringify({data}))

• Content-Type: multipart/form-data：它会将请求体的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。