关于springboot+vue前后端分离的系统,跨域以及另外一个问题

运行没有问题,但是跨域出现了问题

img


devserve设置

img


报错,在页面打开的时候就会报错,无法注册,登陆

img


还有一个错误,

1.跨域 问题
你怎么 使用的 proxy 。你得请求 截个图看看

2.无法读取未定义的属性data, main.js 。你使用了data属性 但 但对象里没有
可以做个 非空判断
if(obj.data){
// 再对data进行操作
}

localhost:8181是服务端的请求地址还是nginx的代理地址呢
服务端的话看看有没有cors配置

@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter {
 
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")
                .maxAge(3600)
                .allowCredentials(true);
    }
}

nginx的话看看是否加入了跨域配置

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';

java 控制层写了跨域注解了吗