本地windows在idea中搭建了前端vue后端springboot前后端一体的项目,想在本地启动起来怎样操作

要在本地启动前后端一体的项目,包括前端 Vue 应用和后端 Spring Boot 应用,您需要分别启动两个应用,前端和后端。

下面是一般的步骤:

  1. 启动后端 Spring Boot 应用

    • 在 IntelliJ IDEA 中打开您的 Spring Boot 项目。
    • 定位到 Spring Boot 应用的主类,通常是带有 public static void main(String[] args) 方法的类。
    • 右键点击该类,然后选择 "Run"。
  2. 启动前端 Vue 应用

    • 打开命令行(如 Windows 的 cmd 或 PowerShell)。
    • 使用 cd 命令切换到您的前端 Vue 项目的目录,通常是包含 package.json 文件的目录。
    • 在命令行中运行 npm install 安装依赖。
    • 运行 npm run serve 启动 Vue 开发服务器。

现在,您的前端和后端应用都应该在本地运行了。通常,前端应用会运行在 http://localhost:8080 上,而后端应用会运行在另一个端口(如 http://localhost:8081)上。

确保前端应用可以正确地发起请求到后端,通常需要在前端代码中配置后端的 API 地址。

在实际项目中,前端和后端的启动方式可能会有所不同,具体要根据您的项目结构和构建配置来确定启动方式。

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值