Viue has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

问题中提到的报错信息 "Viue has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource." 是由于浏览器的跨域访问限制引起的。跨域访问是指在一个域名下的网页去请求另一个域名下的资源。浏览器为了保护用户的安全，会限制跨域请求。解决这个问题的方法是通过配置CORS（跨域资源共享）。

引用\[1\]和引用\[2\]中提到了报错信息和解决浏览器跨域问题的方法。具体来说，解决跨域问题的方法是增加一个配置类CorsConfig，该类实现了WebMvcConfigurer接口，并重写了addCorsMappings方法。在该方法中，通过CorsRegistry对象的addMapping方法来配置允许跨域访问的规则，包括允许的源、允许的请求头、允许的请求方法、是否允许携带凭证以及最大缓存时间等。

所以，要解决报错信息 "Viue has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."，可以按照引用\[2\]中提供的解决方法，增加一个CorsConfig配置类，并配置允许跨域访问的规则。这样就可以解决浏览器跨域问题，使得请求能够正常访问资源。
#### 引用[.reference_title]
- *1* *3* [解决前后端跨域报错：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘](https://blog.csdn.net/wsaicyj/article/details/127814374)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [解决浏览器跨域问题 “has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on th](https://blog.csdn.net/m0_50671318/article/details/119821838)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]