SpringBoot和Vue跨域请求问题原理是什么-创新互联
这篇文章主要为大家展示了“Spring Boot和Vue跨域请求问题原理是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Spring Boot和Vue跨域请求问题原理是什么”这篇文章吧。
成都网站设计、成都做网站、外贸网站建设,成都做网站公司-成都创新互联公司已向超过千家企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。使用Spring Boot + Vue 做前后端分离项目搭建,实现登录时,出现跨域请求
Access to XMLHttpRequest at 'http://localhost/open/login' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Vue中使用的Axios,配置main.js文件
Axios.defaults.baseURL = 'http://localhost:80' Axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' Axios.defaults.withCredentials = true
Spring Boot中重写WebMvcConfigurationSupport的方法addCorsMapping
import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport; @Configuration public class WebMvcConfig extends WebMvcConfigurationSupport{ @Override public void addCorsMappings(CorsRegistry registry) { String[] origins = {"http://localhost:8080"}; registry.addMapping("/**") .allowedOrigins(origins) .allowCredentials(true) .allowedMethods("*") .allowedHeaders("*") .maxAge(3600); } }
以上是“Spring Boot和Vue跨域请求问题原理是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站建设公司行业资讯频道!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页名称:SpringBoot和Vue跨域请求问题原理是什么-创新互联
分享地址:http://ybzwz.com/article/djscjo.html