报错信息（后端已允许跨域）：

Access to fetch at 'http://api.test.com/api' from origin 'http://192.168.2.22:8100' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

尝试不加Content-Type请求头或修改请求Content-Type值（最重要的是要与后端约定好请求方式，防止盲目请求）：

application/json

application/x-www-form-urlencoded

......

测试代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

        <!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->

        <script>
            // const res = $.ajax({ url: 'http://api.test.com/api?action=userlogin', async: false, type: 'POST' });
            /* async function testAxios () {
                const res = await axios.post('http://api.test.com/api?action=userlogin');
                console.log(res);
            } */
            async function testFetch() {
                const res = await fetch('http://api.test.com/api', {
                    method: 'POST',
                    // body: JSON.stringify({ action: 'userlogin' }),
                    // headers: { 'Content-Type': 'application/json;charset=utf-8' },
                    body: 'action=userlogin',
                    headers: new Headers({
                        'Content-Type': 'application/x-www-form-urlencoded',
                    }),
                });
                console.log(res);
            }

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

 

Logo
技术共进，成长同行——讯飞AI开发者社区

技术共进，成长同行——讯飞AI开发者社区

更多推荐

cover

Java Web应用开发——作业三

avatar 讯飞AI开发者社区

【交通信息融合发展：构建“货运-航空-公交”协同智能体的新范式

随着大数据、人工智能、物联网等技术的成熟，打破这些壁垒，实现信息深度融合与业务协同，不仅具备了技术可行性，更成为提升整个交通运输体系效能、韧性与可持续性的必然要求。最后，文章探讨了面临的数据壁垒、标准不一、商业模式等挑战，并展望了在人工智能与物联网技术赋能下，未来交通将演变为一个具有自我优化能力的全域协同智能网络。系统一键启动“应急模式”，整合航空运力、规划通往目的地的“绿色通道”，并可临时将部分

avatar 讯飞AI开发者社区

AI招聘：简历筛选革命

现代招聘流程中，企业每天需要处理大量简历，传统的人工筛选方式效率低下且容易受到主观偏见影响。人工智能技术结合大数据分析，能够快速、客观地评估候选人匹配度，显著提升招聘效率。通过机器学习算法和自然语言处理（NLP）技术，系统可以自动解析简历内容，提取关键信息并与职位需求进行匹配。命名实体识别（NER）系统定位简历中的关键信息点，如公司名称、职位头衔和专业技能。行业报告指出，采用AI筛选的企业平均招聘

avatar 讯飞AI开发者社区