Vue+Springboot前后端分离项⽬中遇到的困难及解决⽅案总结
（⼀）
跨域问题
项⽬中使⽤@CrossOrigin注解跨域失败。
解决⽅案
在后端通过实现WebMvcConfigurer接⼝然后重写addCorsMappings⽅法解决跨域问题。
fig;
import org.springframework.boot.SpringBootConfiguration;
import org.springframework.fig.annotation.CorsRegistry;
import org.springframework.fig.annotation.WebMvcConfigurer;
@SpringBootConfiguration
public class MyWebConfigurer implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry corsRegistry){
/**
* 所有请求都允许跨域，使⽤这种配置就不需要
* 在interceptor中配置header了
*/
适合新手的spring bootcorsRegistry.addMapping("/**")
.allowCredentials(true)
.allowedOrigins("localhost:8080")
.allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")
.
allowedHeaders("*")
.maxAge(3600);
}
}
在前端使⽤proxy代理来解决跨域问题
在根⽬录下创建fig.js⽂件
let proxyObj = {};
proxyObj['/']={
ws:false,
target:'localhost:8989',
changeOrigin:true,
pathRewrite:{
'^/':''
}
};
devServer:{
host:'localhost',
port:8080,
proxy:proxyObj
}
};

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。