前后端分离项目开发部署实战（SpringBoot+Vue）

最新推荐文章于 2024-08-31 16:34:05 发布

置顶

郭建華

最新推荐文章于 2024-08-31 16:34:05 发布

阅读量4.5k

点赞数 2

分类专栏：项目实战文章标签： nginx docker spring boot java vue.js

本文链接：https://blog.csdn.net/ace_gjh/article/details/122213776

版权

文章目录

前言

本篇博文主要是想串联一下前后端开发以及服务器部署的基本流程和要点，在开发内容和用到的技术上不涉及很深的东西，但麻雀虽小五脏俱全，完全便于对某方面不是很熟悉的同学快速入门。

适用人群：前端开发、后端开发、服务器运维
开发语言：Java、JavaScript
开发框架：StringBoot、Vue2.0
服务器部署：Linux、Docker、Nginx

一、后端项目开发部署

我们快速开发部署一个最简单的say-hello项目，提供一个后端API接口。
该接口的功能非常简单，就是根据传过来的参数msg，返回hello, {msg}内容。

1. 后端开发

Java代码

SayHelloMain.java

@SpringBootApplication
public class SayHelloMain
{
   
    public static void main( String[] args )
    {
   
        SpringApplication.run(SayHelloMain.class, args);
    }
}

SayHelloController.java

@RestController
public class SayHelloController {
   
    @GetMapping("/say-hello")
    public Object sayHello(String msg) {
   
        Map<String, Object> result = new LinkedHashMap<>(3, 0.95F);
        result.put("code", "0000");
        result.put("data", "hello, " + msg);
        return result;
    }
}

配置文件

application.yml

server:
  port: 80
  servlet:
    context-path: /test

pom.xml

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>ace.gjh</groupId>
  <artifactId>api-say-hello</artifactId>
  <version>1.0-SNAPSHOT</version>

  <name>api-say-hello</name>

  <parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.3.1.RELEASE</version>
  </parent>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
  </propertie