前端开发中报错：No 'Access-Control-Allow-Origin' header is present on the requested resource.

霍格沃兹答疑区
1

Access to XMLHttpRequest at ‘http://127.0.0.1:5000/testcase’ from origin ‘http://127.0.0.1:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

2

支持跨域访问
https://flask-cors.readthedocs.io/en/latest/

image

3

这个问题解决了，但是还有一个问题不知道跟这个是否有关联。 :joy:

image
image1376×258 26.8 KB

4

这是你后端定义的路由，看你后端路由怎么写的，直接访问能请求到吗

5

直接访问是正常的
后端代码：

@cases_ns.route("")
class TestCaseServer(Resource):
    get_parser = api.parser()
    get_parser.add_argument("id", type=int, location="args")

    @cases_ns.expect(get_parser)
    def get(self):
        """
        测试用例的查找
        :return:
        """
        case_id = request.args.get("id")
        logger.info(f"接收到的参数为：{case_id}")
        if case_id:
            # 如果id不为空，查询操作
            case_data = TestCase.query.filter_by(id=case_id).first()
            if case_data:
                datas = [{"id": case_data.id,
                          "case_title": case_data.case_title,
                          "remark": case_data.remark}]
            else:
                datas = []
        else:
            # 如果id为空，返回所有记录
            case_datas = TestCase.query.all()
            datas = [{"id": case_data.id,
                          "case_title": case_data.case_title,
                          "remark": case_data.remark} for case_data in case_datas]
        return datas
api.add_namespace(cases_ns, "/testcase")
6

刚刚将这里的/testcase剪切后运行一次（仍然失败），然后再粘贴回去运行一次就正常了。
这是啥原因呀