Vue3+Spring Boot前后端分离开发

本文详细介绍了如何从零开始搭建Vue3.x+Spring Boot的前后端分离项目,包括Vue3.x的安装、使用Vue CLI创建工程、解决跨域问题以及axios在Vue3中的配置。同时提供了Spring Boot项目中处理跨域的配置示例,并展示了Vue组件与路由的配置。文章结尾附带了完整项目的仓库链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

之前本人在学习Vue3.x与Spring Boot整合时,遇到了诸如跨域、使用axios报错等问题,在成功解决后,总结了一些经验,于是将如何从零开始搭建Vue3.x+SpringBoot前后端分离项目写成文章,当分享和记录。示例使用的是Window系统。(默认已配置好Java环境、Maven、MySQL、npm以及下载并安装IDEA,因为本文目的是完成Vue3.x通过axios访问Spring Boot项目的接口)

  • 安装Vue3.x
    打开命令行工具(尽量用管理员权限打开)cmd或powershell都行(Windows请先安装npm),输入如下命令安装Vue CLI,安装过程中如有报错请自行检索报错信息,毕竟不同的电脑体质遇到的错误不尽相同

    yarn global add @vue/cli

    npm install -g @vue/cli

在这里插入图片描述
安装完成后输入vue -V即可查看版本信息
在这里插入图片描述

  • 创建Vue工程,在命令行(尽量管理员权限打开)中输入vue ui打开Vue图形化工具

    vue ui
    

在这里插入图片描述
在浏览器输入http://localhost:8000/进入对应网页

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值