要在本地启动前后端一体的项目,包括前端 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 地址。

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

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐