TAURI的http请求调用示例

一、TAURI配置允许任意http和https的服务器地址调用

在tauri.conf.json文件中进行配置，配置代码示例如下：

 "allowlist": {
      "all": true,
      "http":{
        "scope":[
          "http://**",
          "https://**"
        ]
      }
  },

如上所示，将http的scope字段配置为http://**这样，就可以调用任意的服务器地址的接口服务，杜绝了跨域问题。不过如果只有单一的服务器地址提供接口服务，根据官网的文档配置为相对的服务器路径就行。

二、http不同请求类型的调用示例：

1、常规的Get请求示例：

import {http} from "@tauri-apps/api";

// 此处示例的是请求用户列表的接口示例，常规的标准接口，包含请求头的token令牌和请求参数
http.fetch('http://192.168.1.1/v1/user/list', {
    headers:{
        Authorization: 'Bearer test'
    },
    method: 'GET',
    // *** 注意：get请求的参数值必须为字符串，不然tauri会报错，这是tauri框架的要求；可以自己手动进行字符串强制转换 ***
    query: {
        page: '1',
        pageSize: '10'
    }
}).then(res=>{
    // res为请求成功的回调数据
});

2、常规的Post请求示例：

import {http} from "@tauri-apps/api";

// 此处示例的是请求新增用户的接口示例，常规的标准接口，包含请求头的token令牌和请求体
http.fetch('http://192.168.1.1/v1/user/create', {
    headers:{
        Authorization: 'Bearer test'
    },
    method: 'POST',
    // 常规的json格式请求体发送
    body: http.Body.json({
        userName: '小张',
        age: 20
    })
}).then(res=>{
    // res为请求成功的回调数据
});

// 部分业务场景，后端需要接口formData类型的请求体，只需要将body改为form形式即可
http.fetch('http://192.168.1.1/v1/user/create', {
    headers:{
        Authorization: 'Bearer test'
    },
    method: 'POST',
    // 常规的json格式请求体发送
    body: http.Body.form({
        userName: '小张',
        age: 20
    })
}).then(res=>{
    // res为请求成功的回调数据
});