解决跨域问题

记录一个跨域问题,之前一直是在后端解决跨域的,但是今天出了个问题,所以记录一下。

问题详情

1
Access to XMLHttpRequest at 'localhost:8443/api/user/login' from origin 'http://localhost:8080' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

image-20220206210453653

问题复现

后端代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
@Configuration
public class CroConfig implements WebMvcConfigurer {
/**
* 解决跨域问题
*
* @param registry
*/
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOriginPatterns("*")
.allowedMethods("GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS")
.allowCredentials(true)
.maxAge(3600)
.allowedHeaders("*");
}
}

前端配置

1
axios.defaults.baseURL = "localhost:8443/api"

解决方式

在前端配置baseURL的时候需要加上协议

1
axios.defaults.baseURL = "http://localhost:8443/api"
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!

扫一扫,分享到微信

微信分享二维码
  • Copyrights © 2021-2022 John Doe
  • 访问人数: | 浏览次数:

请我喝瓶快乐水吧~