API与Axios集成-用户名和密码弹出显示

Question

我被指派了一项集成API的任务。我已经能够从API获取信息，但出现了一个弹出窗口，要求我提交用户名和密码。我有用户名和密码，但我的想法是在不需要弹出窗口的情况下登录。

代码如下：

const getPlate = () => {
        let licensePlate = document.getElementById('licensePlate');
        let licensePlateNumber = licensePlate.value;
        if (licensePlate.value === "") {
            alert('¡Debe introducir el número de matrícula para poder avanzar!');
        } else {
            Axios.get( * URL GOES HERE * ).then((response) => {
                let plate = response;
                console.log(plate.data[i].make);
                });
            }
    }

<div id="carDataContainer">
     <div id="licensePlateContainer">
          <input type="text" name="licensePlate" id="licensePlate" placeholder="Matrícula - ej. 001 BNDO"></input>
          <button type="button" id="plateBtn" onClick={ getPlate }>Search</button>
     </div>
</div>

Answer 1

您需要基本身份验证

请参见：https://stackoverflow.com/a/44239543/7662325

此外，如果这不起作用，您可以使用：https://stackoverflow.com/a/53939140/7662325

Answer 2

您应该向axios提供用户/密码（看起来需要基本身份验证）。尝试将该信息添加到您的请求中：

Axios.get( * URL GOES HERE *, {
                  auth: {
                       username: "your-username",
                       password: "your-pass",
                  }
            } ).then((response) => {
                let plate = response;
                console.log(plate.data[i].make);
                });
            }