快速创建一个SpringBoot+Vue的前后端分离笔记

最新推荐文章于 2024-04-30 14:59:47 发布

码码哈哈0.0

最新推荐文章于 2024-04-30 14:59:47 发布

阅读量195

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_43505211/article/details/111370758

版权

SpringBoot+Vue

创建一个Vue工程

第一步:命令行输入 Vue ui

这个命令需要安装 node.js 服务器,vue需要3.0版本
npm install --global vue-cli，这个命令安装的是2.XX版本，只有3.0以上的版本才支持vue ui这个命令
之前已经安装过的的情况下需要先卸载之前的版本：
卸载命令: npm uninstall vue-cli -g
再重新下载安装即可：
安装命令: npm install @vue/cli -g

第二步:图形化界面创建Vue工程

在这里插入图片描述

添加插件

关闭代码校验然后下一步
打开历史记录
在这里插入图片描述
这里是是否保存为模板,选择不保存

启动Vue命令: npm run serve

Spring Boot配置跨域访问

添加一个配置类:

@Configuration
public class CrosConfig implements WebMvcConfigurer {


    //解决跨域问题
   @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedMethods("GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS")
                .allowCredentials(true)
                .maxAge(3600)
                .allowedHeaders("*");
    }
}