javascript - ：无法在“窗口”上执行“获取”：无法从包含 Svelte 中的凭据的 URL 构造请求

Question

我正在尝试使用 URL 从 CouchDB 获取数据。下面是我的苗条代码

<script>
      import { onMount } from "svelte";
  import { DataTable } from "carbon-components-svelte";
    let id=[];
    let startdate=[];
    let EndDate=[];
     const headers = [
    { key: "name", value: "Name" },
    { key: "port", value: "Port" },
         { key: "protocal", value: "protocal" },
    { key: "rule", value: "Rule" },
  ];
     var rows;
    async function getRandomNumber() {
        console.log(id);
        console.log(startdate);
        console.log(EndDate);
        let Xsum=0;
        let Ysum=0;
        let Zsum=0;
        let non = [];
        const res = await fetch(`http://admin:123456789@127.0.0.1:5984/rtls/_design/GetDeatails/_view/AnchorDetails?group_level=4`);
        const data = await res.json();
        const text=data.rows;
    for (var i = 0; i < 8; i++){
    const obj = text[i];
    const some = (obj.value);
        const pos = some.pos;
        const time = some.resultTime;
        Xsum=Xsum+pos.x;
        Ysum=Ysum+pos.y;
        Zsum=Zsum+pos.z;
        non.push({id:i,"name":pos.x,"protocal":pos.y,"port":pos.z,"rule":some.resultTime});
    }   
        
        return non;
}
 
    async function onClickGetNotes() {
        rows= await getRandomNumber()
                
 }

     let selectedRowIds = [];

  $: console.log("selectedRowIds", selectedRowIds);
</script>
<form on:submit|preventDefault={onClickGetNotes}>
    <input label="Tag" bind:value={id.Tag} placeholder="enter id here"/>
    <input type="date" label="StartDate" bind:value={startdate.StartDate} placeholder="enter start date here"/>
    <input type="date" label="EndDate" bind:value={EndDate.EndDate} placeholder="enter end date here"/>
    <button>Submit</button>
</form>

<DataTable batchSelection bind:selectedRowIds {headers} {rows} />

我收到错误“无法在 'Window' 上执行 'fetch'：无法从包含凭据的 URL 构造请求”我什至在 CouchDB 中启用了 CORS 我该如何解决这个问题？先感谢您

标签： javascriptcouchdbsveltesvelte-3svelte-component