我用我的前端代码向EMQX5.3.2发送给请求是出现CORS报错，要怎么解决啊

bboy110 · 2024 年5 月 23 日 02:25

我的前端代码是这样的：

<!DOCTYPE html>
<html>
<head>
    <title>CORS Test</title>
</head>
<body>
    <script>
        async function getClients() {
            const url = 'http://192.168.0.253:18083/api/v5/clients';
            const auth = 'Basic NGU2MDlhMTRjMjJmOGNiMzpxOUNKeVZFdDlDd2NZZ0ZPR1FWU0tDUjhNY0JUeUM5QmJGSHdibjR4NW5Wc0dQ';

            try {
                const response = await fetch(url, {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'Authorization': auth,
                        'Accept': '*/*',
						'Host': '192.168.0.253:18083',
                    }
                });

                if (!response.ok) {
                    throw new Error(`HTTP error! status: ${response.status}`);
                }

                const data = await response.json();
                console.log(data);
            } catch (error) {
                console.error('Error:', error);
            }
        }

        getClients();
    </script>
</body>
</html>

我用postman测试这个发送get请求是可以的：