Access to XMLHttpRequest at 'http://api-dashboard.yudao.iocoder.cn/admin-api/system/dict-data/list-all-simple' from origin 'http://localhost:82' 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.
时间: 2024-04-23 20:28:59 浏览: 95
引用\[1\]和\[2\]中提到的错误信息是关于CORS(跨域资源共享)策略的问题。CORS是一种浏览器安全机制,用于限制跨域请求。当一个网页向另一个域名的接口发送请求时,如果接口没有正确配置CORS策略,浏览器会阻止该请求。
引用\[3\]中提到的解决过程是通过配置代理来解决CORS问题。在Vue Cli3项目中,可以在vue.config.js文件中配置代理。通过设置代理,将请求转发到目标地址,并在转发过程中添加必要的CORS头信息。
对于问题中的错误信息,可以尝试按照以下步骤解决:
1. 在vue.config.js文件中添加devServer配置,包括设置disableHostCheck为true,指定端口号为82,并配置proxy代理。代理的目标地址应该是'http://api-dashboard.yudao.iocoder.cn',并设置changeOrigin为true,pathRewrite将'/api'替换为'/'。
2. 确保在项目中使用axios发送请求时,将baseURL设置为'/api'。
通过以上配置,应该能够解决CORS问题,并成功发送请求到目标地址。
#### 引用[.reference_title]
- *1* [前后端分离跨域问题Access to XMLHttpRequest at ‘http://localhos...has been blocked by CORS policy: ...](https://blog.csdn.net/qq_42416602/article/details/121731774)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Vue代理问题: Access to XMLHttpRequest at ‘http://192.168.1.105:9999/admin/tenant/list‘ from ...](https://blog.csdn.net/q879936814/article/details/115507319)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文