Vue | Request to origin AAA blocked due to CORS settings

目录

一、回顾（可跳过）

二、后续（可跳过）

三、解决跨域问题

3.1 问题翻译

3.2 问题分析

3.3 问题解决

省流版：你的请求头中包含非法内容（bushi）！！！

🐶 前言部分，本处理方式能否顺利实施，需满足以下前提条件：

1. 使用的开发框架为 vue-admin-template（非必需）
2. 出现的错误信息为 Request header field ... is not allowed（必须符合）

省略号用于表示 field 的具体名称，不同用户在实际操作中可能遇到的提示信息存在差异，建议根据实际情况进行针对性处理。

网页端显示的完整错误信息如下，其中 BBB 和 AAA 分别代表服务器端地址与前端应用地址：

 Access to XMLHttpRequest at 'BBB' from origin 'AAA'

    
 has been blocked by CORS policy:
    
 Request header field ... is not allowed by
    
 Access-Control-Allow-Headers in preflight response.
    
    
    
    

如仅需了解应对策略，可