前端發送請求的常用寫法

在springboot+vue的前后端分離開發中，前端會創建一個api文件夾統一處理前端請求的發送。

使用request.js封裝axios后的方法，我們只需要返回 url(后台api地址),method(請求類型),params(參數)即可。

請求類型

請求類型一般是get請求與post請求

參數

1.params: data
get請求都用這種方式，post請求也可以使用此方式。
這種方式是將參數添加到url的請求字符串中

2.data
大多數post請求是用這種方式。
該方式是將參數添加到請求體(body)中
其實post請求是否使用params主要看后台接受參數的方式
如果是與傳參一致就可以使用params
如果是創建一個類來表示所有參數就不能使用params，如果使用后台會接收不到數據

實例

這里列舉我們平時開發用於api請求的js文件作為參考

import request from '@/util/request'
export default{
	getTableInfoList(data) {
		return request({
			url: '/api/getTableInfoList',
			method: 'post'
			data
		})
	},
	getTableDetailInfoList(data) {
		return request({
			url: '/api/getTableDetailInfoList',
			method: 'post'
			params: data
		})
	},
	getFormInfoList(data) {
		return request({
			url: '/api/getFormInfoList',
			method: 'get'
			params: data
		})
	}
}