一寂呛、TAURI配置允許任意http和https的服務(wù)器地址調(diào)用
在tauri.conf.json文件中進(jìn)行配置湾宙，配置代碼示例如下：
"allowlist": {
"all": true,
"http":{
"scope":[
"http://**",
"https://**"
]
}
},
如上所示偷卧，將http的scope字段配置為http://**這樣熔吗，就可以調(diào)用任意的服務(wù)器地址的接口服務(wù)，杜絕了跨域問(wèn)題愿卸。不過(guò)如果只有單一的服務(wù)器地址提供接口服務(wù)灵临，根據(jù)官網(wǎng)的文檔配置為相對(duì)的服務(wù)器路徑就行。
二趴荸、http不同請(qǐng)求類(lèi)型的調(diào)用示例：
1儒溉、常規(guī)的Get請(qǐng)求示例：
import {http} from "@tauri-apps/api";
// 此處示例的是請(qǐng)求用戶(hù)列表的接口示例，常規(guī)的標(biāo)準(zhǔn)接口发钝，包含請(qǐng)求頭的token令牌和請(qǐng)求參數(shù)
http.fetch('http://192.168.1.1/v1/user/list', {
headers:{
Authorization: 'Bearer test'
},
method: 'GET',
// *** 注意：get請(qǐng)求的參數(shù)值必須為字符串顿涣，不然tauri會(huì)報(bào)錯(cuò)，這是tauri框架的要求酝豪；可以自己手動(dòng)進(jìn)行字符串強(qiáng)制轉(zhuǎn)換 ***
query: {
page: '1',
pageSize: '10'
}
}).then(res=>{
// res為請(qǐng)求成功的回調(diào)數(shù)據(jù)
});
2涛碑、常規(guī)的Post請(qǐng)求示例：
import {http} from "@tauri-apps/api";
// 此處示例的是請(qǐng)求新增用戶(hù)的接口示例，常規(guī)的標(biāo)準(zhǔn)接口寓调，包含請(qǐng)求頭的token令牌和請(qǐng)求體
http.fetch('http://192.168.1.1/v1/user/create', {
headers:{
Authorization: 'Bearer test'
},
method: 'POST',
// 常規(guī)的json格式請(qǐng)求體發(fā)送
body: http.Body.json({
userName: '小張',
age: 20
})
}).then(res=>{
// res為請(qǐng)求成功的回調(diào)數(shù)據(jù)
});
// 部分業(yè)務(wù)場(chǎng)景锌唾，后端需要接口formData類(lèi)型的請(qǐng)求體，只需要將body改為form形式即可
http.fetch('http://192.168.1.1/v1/user/create', {
headers:{
Authorization: 'Bearer test'
},
method: 'POST',
// 常規(guī)的json格式請(qǐng)求體發(fā)送
body: http.Body.form({
userName: '小張',
age: 20
})
}).then(res=>{
// res為請(qǐng)求成功的回調(diào)數(shù)據(jù)
});
