前后端分离开发

要掌握的知识点为SpringBoot+vue

遇到的一些问题

vue前端的端口为8080

SpringBoot的端口为8181

vue使用axios访问后端

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SZbrQomp-1618031064702)(F:\2笔记整理\images\image-20210410130103086.png)]

---

需要解决跨域问题

使用后端代码解决跨域问题

@Configuration
public class CrosConfig implements WebMvcConfigurer {

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