Vue和Vue-Element-Admin（六）：集成中的CORS（跨域资源共享）问题

最新推荐文章于 2023-06-17 17:18:13 发布

置顶 A叶子叶

最新推荐文章于 2023-06-17 17:18:13 发布

阅读量9.1k

点赞数 7

分类专栏： # SpringBoot与微服务 # Vue与Web开发文章标签： vue elementui javascript

本文链接：https://blog.csdn.net/yezonggang/article/details/110078146

版权

SpringBoot与微服务同时被 2 个专栏收录

59 篇文章 31 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

Vue与Web开发

26 篇文章 9 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

在使用Vue和Vue-Element-Admin进行集成时，遇到CORS跨域资源共享问题。文章介绍了CORS的概念，以及由于前端（端口9527）和后端（端口9090）端口不同导致的跨域错误。解决办法包括：后端通过Java Servlet或Spring MVC配置允许跨域，并特别指出若后端有自定义拦截器，需处理预检请求。

摘要由CSDN通过智能技术生成

在vue-element-admin登录集成时候碰到跨域资源共享问题，CORS（Cross-origin resource sharing）是浏览器的技术规范，浏览器可以发起跨域请求但Javascript脚本不能，传统的ajax只能获取在同域名下的资源，但Html5允许ajax发起跨域请求，解决方案有：JSONP、Flash、IFrame、CORS。

一、CORS（跨域资源共享）问题

针对vue-element-admin的登录模块的后端接口完成后，前端调用时候出现报错，因为前端的端口是9527而后端的端口是9090，端口不同，浏览器就认为调用的接口出现跨域请求问题（跨域是浏览器问题，浏览器可以关掉该机制），

Access to XMLHttpRequest at 'http://localhost:9090/user/login' from origin 'http://localhost:9527' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Acce