springboot和vue3简单连接交互

最新推荐文章于 2024-06-24 10:58:47 发布

_柯西不等式

最新推荐文章于 2024-06-24 10:58:47 发布

阅读量1.3k

点赞数 26

文章标签： spring boot 交互后端 vue

本文链接：https://blog.csdn.net/weixin_52276328/article/details/137065497

版权

本文介绍了如何配置Spring Boot环境，连接数据库和Mybatis-Plus，以及解决Vue3的跨域问题。通过创建WebConfig类处理跨域，实现数据库的增删改查操作，并在Vue3前端进行测试，最终成功展示数据插入结果。

摘要由CSDN通过智能技术生成

1.配置环境

1.springboot 下载jdk1.8，以及配置国内镜像，使用alibaba的maven导入进去。
在这里插入图片描述
2.配置pom文件。参考代码
注意jdk1.8对应的spring-boot-starter-parent的版本应该是2.x.x.这里引入了mybatis-plus依赖

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.7.8</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.example</groupId>
    <artifactId>demo8</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>demo8</name>
    <description>demo8</description>
    <properties>
        <java.version>8</java.version>
        <!-- 数据库驱动 -->
        <mysql-connector.version>8.0.26</mysql-connector.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.22</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>

最低0.47元/天解锁文章