部署Spring Boot项目+mysql并允许前端本地访问的步骤

部署Spring Boot项目并允许前端访问的步骤指南

1. 服务器环境准备

确保服务器满足以下要求：

JDK 1.8
MySQL ≥5.7
Redis 5.0.3
Elasticsearch 6.8.6
Nginx 1.10.2

2. 安装必要组件

安装Java

bash

复制

下载

plain 复制代码

# 参考: https://blog.csdn.net/zhihui1017/article/details/51396706
sudo apt-get update
sudo apt-get install openjdk-8-jdk

安装MySQL

bash

复制

下载

plain 复制代码

# 参考: https://www.cnblogs.com/shenjianping/p/10984540.html
sudo apt-get install mysql-server

安装Nginx

bash

复制

下载

plain 复制代码

# 参考: https://blog.csdn.net/zlw_spider/article/details/100728525
sudo apt-get install nginx

安装Elasticsearch

bash

复制

下载

plain 复制代码

# 参考: https://blog.csdn.net/chijie6848/article/details/100643412
wget https://artifacts.elastic.co/downloads/elasticsearch/elasticsearch-6.8.6.deb
sudo dpkg -i elasticsearch-6.8.6.deb

安装Redis

bash

复制

下载

plain 复制代码

# 参考: https://www.cnblogs.com/heqiuyong/p/10463334.html
sudo apt-get install redis-server

3. 配置服务

启动MySQL、Elasticsearch和Redis服务 2. 修改Spring Boot配置文件： - `ruoyi-admin/src/main/resources/application.yml` - 配置Elasticsearch和Redis的主机和端口 - `ruoyi-admin/src/main/resources/application_druid.yml` - 配置MySQL的URL、用户名和密码

4. 项目打包

后端打包

在`patent_search/bin`目录下运行`package.bat`，生成的jar包位于`patent_search/ruoyi-admin/target/ruoyi-admin.jar`

前端打包

在`patent_search/ruoyi-ui/bin`目录下运行`build.bat`，生成的`dist`文件夹位于`patent_search/ruoyi-ui/dist`

5. 部署到服务器

使用WinSCP或其他工具将`ruoyi-admin.jar`和`dist`文件夹上传到服务器 2. 将`dist`文件夹内容放在Nginx的HTML目录下（通常为`/var/www/html`） 3. 配置Nginx（示例配置）：

nginx

复制

下载

plain 复制代码

server {
    listen       80;
    server_name  your_server_ip;
    
    location / {
        root   /var/www/html/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
    
    location /api {
        proxy_pass http://localhost:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

6. 启动服务

启动后端：

bash

复制

下载

nohup java -jar /path/to/ruoyi-admin.jar &

启动Nginx：

bash

复制

下载

plain 复制代码

sudo systemctl start nginx
# 或
/usr/local/nginx/sbin/nginx -s start

7. 开放服务器端口

在云服务器控制台安全组中开放以下端口：

80端口（HTTP）
8080端口（后端API，如果使用）
其他需要的端口（如MySQL的3306等）

8. 访问前端

在其他电脑上通过浏览器访问服务器IP或域名即可访问前端界面。

更新部署流程

上传新的`ruoyi-admin.jar`和`dist`文件夹到服务器 2. 停止旧的后端进程：

bash

复制

下载

plain 复制代码

netstat -apn | grep 8080  # 查找占用8080端口的进程
kill -9 <PID>             # 终止该进程

启动新的后端：

bash

复制

下载

nohup java -jar /path/to/ruoyi-admin.jar &

重新加载Nginx：

bash

复制

下载

/usr/local/nginx/sbin/nginx -s reload

注意事项

确保Elasticsearch、MySQL、Redis服务正常运行 2. 在Linux环境下，确保`hanlp-wiki-vec-zh.txt`文件放在`/patent/`目录下 3. 检查所有服务的日志文件以排查问题 4. 考虑使用PM2等进程管理工具管理后端服务

按照以上步骤操作，您的Spring Boot项目应该能够成功部署，并且前端可以在其他电脑上通过浏览器访问服务器上的应用。

:::info

这样就可以在其他电脑本地启动前端时看到后端数据吗

:::

要使本地启动的前端 能够访问服务器上的后端数据，需要确保以下几点：

1. 确保后端API可被外部访问

检查后端是否运行并暴露了正确的端口

你的 `ruoyi-admin.jar` 应该在服务器上运行，并监听某个端口（如 `8080`）。

检查后端是否启动：

bash复制下载netstat -tulnp | grep java # 或 grep 8080

如果看到类似 0.0.0.0:8080 或 :::8080，说明后端已监听所有网络接口，可被外部访问。

检查服务器防火墙/安全组

**云服务器（阿里云/腾讯云/AWS等）**：确保安全组规则允许 `8080` 端口（或你的后端端口）的入站流量。 + **本地服务器（如公司内网）**： - 检查 `iptables`/`firewalld` 是否放行端口：

bash

复制

下载

plain 复制代码

sudo ufw allow 8080  # Ubuntu
sudo firewall-cmd --add-port=8080/tcp --permanent  # CentOS
sudo firewall-cmd --reload

2. 修改前端代码的API请求地址

情况1：前端打包后部署在服务器（Nginx代理）

前端打包后，Nginx 配置通常如下：

nginx

复制

下载

plain 复制代码

server {
    listen 80;
    server_name your-server-ip;
    
    location / {
        root /var/www/html/dist;
        index index.html;
    }
    
    location /api {
        proxy_pass http://localhost:8080;  # 后端运行在8080
    }
}

复制代码

- 这样，前端访问 `/api` 会自动代理到后端 `8080` 端口，无需额外配置。

情况2：前端在本地开发环境运行（未打包）

如果你的前端是 `Vue/React` 项目，仍在本地开发环境运行（如 `npm run dev`），则需要修改 API 请求地址，使其指向**服务器后端**：

（1）修改前端环境变量

**Vue 项目**（如 `vue.config.js`）：

复制

下载

plain 复制代码

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://你的服务器IP:8080',  // 后端地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

React 项目 （如 package.json 或 .env）：

env

复制

下载

REACT_APP_API_BASE_URL=http://你的服务器IP:8080

然后在代码中使用：

复制

下载

axios.get(${process.env.REACT_APP_API_BASE_URL}/api/data);

（2）直接修改请求URL

如果前端代码直接写死了 `http://localhost:8080`，则需要改成服务器IP：

复制

下载

axios.get("http://你的服务器IP:8080/api/data");

3. 解决跨域问题（如果前端在本地运行）

如果前端在本地 `http://localhost:3000`，而后端在 `http://服务器IP:8080`，浏览器会阻止跨域请求（CORS）。

解决方案

（1）后端允许跨域

在 Spring Boot 的 `application.yml` 或 `@Configuration` 类中添加：

java

复制

下载

java 复制代码

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
        .allowedOrigins("*")  // 允许所有来源（或指定前端地址）
        .allowedMethods("GET", "POST", "PUT", "DELETE")
        .allowedHeaders("*");
    }
}

（2）Nginx 反向代理（推荐）

如果后端和前端都通过 Nginx 访问，则不会有跨域问题（因为域名相同）。

4. 测试访问

（1）直接访问后端API

在浏览器或 Postman 访问：

复制

下载

http://你的服务器IP:8080/api/test

如果返回数据，说明后端可被外部访问。

（2）本地前端访问后端

如果前端在本地运行，确保修改了 API 请求地址（如 `http://服务器IP:8080/api\`）。 + 如果出现跨域错误，检查后端 CORS 配置或使用 Nginx 代理。

总结

| **情况** | **解决方案** | | --- | --- | | **前端打包后部署在服务器（Nginx代理）** | Nginx 自动代理 `/api`
到后端，无需额外配置 | | **前端在本地运行，访问远程后端** | 修改前端请求地址为 `http://服务器IP:8080`
，并确保后端允许跨域 | | **后端无法访问** | 检查服务器防火墙、安全组、后端是否监听 `0.0.0.0` |

按照以上步骤调整后，你的本地前端 应该可以正常访问服务器后端数据。

:::info

整合一下，我需要怎么做，我的前端是vue，在本地运行，后端和MYSQL要打包到服务器

:::

完整部署方案（本地Vue前端 + 服务器Spring Boot后端 & MySQL）

目标

**前端**：Vue 项目，在本地开发环境运行（`npm run dev`） + **后端**：Spring Boot + MySQL，打包成 `jar` 并部署到服务器 + **要求**：本地前端能访问服务器上的后端API

步骤 1：服务器环境准备

确保服务器已安装：

JDK 1.8+
MySQL 5.7+
（可选）Redis / Elasticsearch（如果你的项目需要）

（1）安装Java

bash

复制

下载

plain 复制代码

sudo apt update
sudo apt install openjdk-8-jdk

验证：

bash

复制

下载

java -version

（2）安装MySQL

bash

复制

下载

plain 复制代码

sudo apt install mysql-server
sudo mysql_secure_installation  # 设置root密码

登录MySQL并创建数据库：

bash

复制

下载

mysql -u root -p

sql

复制

下载

plain 复制代码

CREATE DATABASE your_db_name;
CREATE USER 'your_user'@'%' IDENTIFIED BY 'your_password';
GRANT ALL PRIVILEGES ON your_db_name.* TO 'your_user'@'%';
FLUSH PRIVILEGES;

步骤 2：打包并上传Spring Boot后端

（1）修改后端配置

确保 `application.yml` 或 `application.properties` 中的数据库连接指向**服务器MySQL**：

yaml

复制

下载

plain 复制代码

spring:
  datasource:
    url: jdbc:mysql://服务器IP:3306/your_db_name?useSSL=false
    username: your_user
    password: your_password

（2）打包Spring Boot项目

bash

复制

下载

mvn clean package -DskipTests

生成的 jar 文件在 target/your-project.jar。

（3）上传到服务器

使用 `scp` 或 WinSCP 上传：

bash

复制

下载

scp target/your-project.jar user@服务器IP:/home/your_project/

（4）在服务器运行后端

bash

复制

下载

nohup java -jar /home/your_project/your-project.jar --server.port=8080 &

检查是否运行：

bash

复制

下载

plain 复制代码

ps aux | grep java
netstat -tulnp | grep 8080

步骤 3：配置本地Vue前端访问服务器API

（1）修改Vue的API请求地址

在 `vue.config.js` 中配置代理：

复制

下载

plain 复制代码

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://服务器IP:8080',  // 后端地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

或者在 .env.development 中设置：

env

复制

下载

VUE_APP_API_BASE_URL=http://服务器IP:8080

然后在代码中使用：

复制

下载

axios.get(${process.env.VUE_APP_API_BASE_URL}/api/data);

（2）解决跨域问题

如果后端未配置 CORS，在 Spring Boot 中添加：

java

复制

下载

plain 复制代码

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")  // 允许所有来源（或指定前端地址）
                .allowedMethods("GET", "POST", "PUT", "DELETE")
                .allowedHeaders("*");
    }
}

步骤 4：测试访问

（1）直接访问后端API

在浏览器或 Postman 访问：

复制

下载

http://服务器IP:8080/api/test

如果返回数据，说明后端正常运行。

（2）本地Vue访问

运行本地前端：

bash

复制

下载

npm run dev

访问 http://localhost:8080，检查是否能获取服务器数据。

可能出现的问题 & 解决方案

| **问题** | **解决方案** | | --- | --- | | **本地前端无法访问后端API** | 检查 `vue.config.js`
代理配置，确保后端IP正确 | | **后端连接MySQL失败** | 检查 `application.yml`
的数据库配置，确保MySQL允许远程连接 | | **跨域错误（CORS）** | 后端配置 `CorsConfig`
或使用 Nginx 反向代理 | | **服务器端口无法访问** | 检查防火墙 (`ufw`
/`firewalld`
) 和云服务器安全组 |

总结

**服务器**：安装 JDK + MySQL，运行 Spring Boot `jar`。 2. **本地Vue**：修改 `vue.config.js` 代理，指向服务器API。 3. **测试**：确保后端可访问，前端能获取数据。

这样，你的本地Vue前端 就可以访问服务器上的Spring Boot后端 & MySQL了！ 🚀

:::info

服务器IP是公网IP吗

:::

是的，服务器IP通常指的是公网IP（如果你的服务器在云平台如阿里云、腾讯云、AWS等），这样你的本地前端才能通过互联网访问它。但具体情况取决于你的服务器部署方式：

1. 服务器IP的类型

| **IP类型** | **说明** | **适用场景** | | --- | --- | --- | | **公网IP** | 全球可访问，如 `123.123.123.123` | 云服务器（阿里云/腾讯云/AWS等） | | **内网IP** | 仅局域网内可访问，如 `192.168.1.100` | 本地物理服务器、公司内网 | | **弹性IP**（EIP） | 云平台提供的固定公网IP | 避免云服务器重启后IP变化 |

2. 如何确认你的服务器IP是公网IP？

（1）云服务器（阿里云/腾讯云/AWS等）

登录云平台控制台，查看实例详情中的 **"公网IP"** 或 **"弹性公网IP"**。 + 示例：

复制

下载

plain 复制代码

公网IP: 123.123.123.123
内网IP: 10.0.0.2

你需要用公网IP让本地前端访问！

（2）本地物理服务器/家用电脑

如果你的服务器是本地电脑或公司内网机器，可能没有公网IP。 + 检查IP：

bash

复制

下载

plain 复制代码

curl ifconfig.me  # Linux/Mac获取公网IP
ipconfig         # Windows查看内网IP

复制代码

- 如果返回的IP是 `192.168.x.x` 或 `10.x.x.x`，说明是内网IP，**外部无法直接访问**。

3. 无公网IP怎么办？

如果你的服务器只有内网IP（如家用电脑），可通过以下方式让本地前端访问：

（1）内网穿透工具

**Ngrok** / **FRP**：将内网服务映射到公网域名。

bash

复制

下载

ngrok http 8080 # 生成一个临时公网URL，如 https://abc123.ngrok.io

前端配置：

复制

下载

axios.get("https://abc123.ngrok.io/api/data");

（2）云服务器反向代理

如果你有一台云服务器，可用Nginx反向代理到内网机器：

nginx

复制

下载

plain 复制代码

server {
    listen 80;
    server_name your-domain.com;
    location / {
        proxy_pass http://内网IP:8080;  # 如 http://192.168.1.100:8080
    }
}

（3）VPN/ZeroTier

通过VPN将本地前端和服务器置于同一虚拟局域网（如ZeroTier）。

4. 安全注意事项

**不要直接暴露MySQL到公网** - 确保MySQL仅允许内网连接（如 `bind-address = 127.0.0.1`）。 - 如果前端需直连MySQL（不推荐），用SSH隧道：

bash

复制

下载

bash 复制代码

ssh -L 3306:localhost:3306 user@服务器IP

保护后端API
- 使用HTTPS（Nginx配置SSL证书）。
- 添加API鉴权（如JWT）。

总结

**如果服务器在云平台** → 用控制台提供的**公网IP**（如 `123.123.123.123`）。 + **如果是家用电脑/内网服务器** → 需内网穿透（Ngrok/FRP）或VPN。 + **永远不要直接暴露数据库到公网！**

确认IP后，按之前的步骤配置即可！ 🎯

本回答由 AI 生成，内容仅供参考，请仔细甄别。

:::info

PS C:\Users\17035\Desktop\新建文件夹\back-end-of-western-restaurant - 副本\dish\target> java -jar ngpos-boot3-1.0.jar ngpos-boot3-1.0.jar中没有主清单属性

:::

这个错误 "jar中没有主清单属性" 是因为你的 Spring Boot 项目打包时没有正确生成 MANIFEST.MF 文件，导致 Java 无法识别哪个类是主类（Main-Class）。以下是解决方案：

1. 问题原因

Spring Boot 的 `jar` 包需要包含 `META-INF/MANIFEST.MF` 文件，其中指定：

plain 复制代码

Main-Class: org.springframework.boot.loader.JarLauncher
Start-Class: com.your.package.MainApplication

如果缺失这些信息，运行 java -jar 时会报错。

2. 解决方案

（1）检查 `pom.xml` 是否包含 `spring-boot-maven-plugin`

确保你的 `pom.xml` 有以下插件配置：

xml 复制代码

<build>
  <plugins>
    <plugin>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-maven-plugin</artifactId>
      <version>3.1.0</version> <!-- 使用你的Spring Boot版本 -->
    </plugin>
  </plugins>
</build>

（2）重新打包

在项目根目录运行：

bash

复制

下载

mvn clean package -DskipTests

或（如果你用 Gradle）：

bash

复制

下载

./gradlew clean bootJar

（3）验证 `MANIFEST.MF`

解压生成的 `jar` 文件，检查 `META-INF/MANIFEST.MF`：

bash

复制

下载

unzip -l ngpos-boot3-1.0.jar | grep META-INF/MANIFEST.MF

或直接查看内容：

bash

复制

下载

unzip -p ngpos-boot3-1.0.jar META-INF/MANIFEST.MF

正常情况应包含：

plaintext

复制

下载

plain 复制代码

Main-Class: org.springframework.boot.loader.JarLauncher
Start-Class: com.your.package.MainApplication

3. 如果仍然失败

（1）手动指定主类运行

bash

复制

下载

java -cp ngpos-boot3-1.0.jar com.your.package.MainApplication

（替换 com.your.package.MainApplication 为你的启动类）

（2）检查是否误打包为普通 `jar`

如果使用 `mvn package` 而非 `spring-boot-maven-plugin`，可能会生成非可执行 `jar`。确保使用：

bash

复制

下载

mvn spring-boot:repackage

（3）检查 IDE 打包配置

**IntelliJ IDEA**： `Run → Edit Configurations → Build → 确保勾选 "Build on Make"` + **Eclipse**： `右键项目 → Run As → Maven Build → Goals: clean package`

4. 常见错误排查

| **错误现象** | **解决方案** | | --- | --- | | `no main manifest attribute` | 检查 `spring-boot-maven-plugin`
是否缺失 | | `ClassNotFoundException` | 确保 `Start-Class`
在 `MANIFEST.MF`
中正确 | | 打包后无 `BOOT-INF/` | 可能是普通 `jar`
，需用 `spring-boot-maven-plugin` |

5. 最终解决方案

如果所有方法无效，可以 **手动生成**** **`**MANIFEST.MF**`：

创建 src/main/resources/META-INF/MANIFEST.MF：

plain 复制代码

Manifest-Version: 1.0
Main-Class: org.springframework.boot.loader.JarLauncher
Start-Class: com.your.package.MainApplication

在 pom.xml 中禁用默认生成：

xml 复制代码

<plugin>
  <groupId>org.apache.maven.plugins</groupId>
  <artifactId>maven-jar-plugin</artifactId>
  <configuration>
    <archive>
      <manifestFile>src/main/resources/META-INF/MANIFEST.MF</manifestFile>
    </archive>
  </configuration>
</plugin>

总结

**确保**** **`**pom.xml**`** ****有**** **`**spring-boot-maven-plugin**` 2. **运行**** **`**mvn clean package**` 3. **检查**** **`**MANIFEST.MF**`** ****是否包含**** **`**Main-Class**`** ****和**** **`**Start-Class**`

99% 的问题都是由于 插件缺失或打包方式错误，按照上述步骤修复即可！ 🚀

:::info

C:\Users\17035\Desktop\新建文件夹\back-end-of-western-restaurant 2>mvn clean package [INFO] Scanning for projects... [INFO] ------------------------------------------------------------------------ [INFO] BUILD FAILURE [INFO] ------------------------------------------------------------------------ [INFO] Total time: 0.064 s [INFO] Finished at: 2025-05-04T22:23:19+08:00 [INFO] ------------------------------------------------------------------------ [ERROR] The goal you specified requires a project to execute but there is no POM in this directory (C:\Users\17035\Desktop\鏂板缓鏂囦欢澶筡back-end-of-western-restaurant 2). Please verify you invoked Maven from the correct directory. -> [Help 1] [ERROR] [ERROR] To see the full stack trace of the errors, re-run Maven with the -e switch. [ERROR] Re-run Maven using the -X switch to enable full debug logging. [ERROR] [ERROR] For more information about the errors and possible solutions, please read the following articles: [ERROR] [Help 1] http://cwiki.apache.org/confluence/display/MAVEN/MissingProjectException

:::

这个错误表明 Maven 无法找到 ** **pom.xml** **文件，导致构建失败。以下是详细解决方案：

1. 问题原因

错误信息关键点：

复制

下载

部署Spring Boot项目+mysql并允许前端本地访问的步骤

部署Spring Boot项目并允许前端访问的步骤指南

1. 服务器环境准备

2. 安装必要组件

安装Java

安装MySQL

安装Nginx

安装Elasticsearch

安装Redis

3. 配置服务

4. 项目打包

后端打包

前端打包

5. 部署到服务器

6. 启动服务

7. 开放服务器端口

8. 访问前端

更新部署流程

注意事项

**1. 确保后端API可被外部访问**

**检查后端是否运行并暴露了正确的端口**

**检查服务器防火墙/安全组**

**2. 修改前端代码的API请求地址**

**情况1：前端打包后部署在服务器（Nginx代理）**

**情况2：前端在本地开发环境运行（未打包）**

**（1）修改前端环境变量**

**（2）直接修改请求URL**

**3. 解决跨域问题（如果前端在本地运行）**

**解决方案**

**（1）后端允许跨域**

**（2）Nginx 反向代理（推荐）**

**4. 测试访问**

**（1）直接访问后端API**

**（2）本地前端访问后端**

**总结**

**完整部署方案（本地Vue前端 + 服务器Spring Boot后端 & MySQL）**

**目标**

**步骤 1：服务器环境准备**

**（1）安装Java**

**（2）安装MySQL**

**步骤 2：打包并上传Spring Boot后端**

**（1）修改后端配置**

**（2）打包Spring Boot项目**

**（3）上传到服务器**

**（4）在服务器运行后端**

**步骤 3：配置本地Vue前端访问服务器API**

**（1）修改Vue的API请求地址**

**（2）解决跨域问题**

**步骤 4：测试访问**

**（1）直接访问后端API**

**（2）本地Vue访问**

**可能出现的问题 & 解决方案**

**总结**

**1. 服务器IP的类型**

**2. 如何确认你的服务器IP是公网IP？**

**（1）云服务器（阿里云/腾讯云/AWS等）**

**（2）本地物理服务器/家用电脑**

**3. 无公网IP怎么办？**

**（1）内网穿透工具**

**（2）云服务器反向代理**

**（3）VPN/ZeroTier**

**4. 安全注意事项**

**总结**

**1. 问题原因**

**2. 解决方案**

**（1）检查**** **`**pom.xml**`** ****是否包含**** **`**spring-boot-maven-plugin**`

**（2）重新打包**

**（3）验证**** **`**MANIFEST.MF**`

**3. 如果仍然失败**

**（1）手动指定主类运行**

**（2）检查是否误打包为普通**** **`**jar**`

**（3）检查 IDE 打包配置**

**4. 常见错误排查**

**5. 最终解决方案**

**总结**

**1. 问题原因**

1. 确保后端API可被外部访问

检查后端是否运行并暴露了正确的端口

检查服务器防火墙/安全组

2. 修改前端代码的API请求地址

情况1：前端打包后部署在服务器（Nginx代理）

情况2：前端在本地开发环境运行（未打包）

（1）修改前端环境变量

（2）直接修改请求URL

3. 解决跨域问题（如果前端在本地运行）

解决方案

（1）后端允许跨域

（2）Nginx 反向代理（推荐）

4. 测试访问

（1）直接访问后端API

（2）本地前端访问后端

总结

完整部署方案（本地Vue前端 + 服务器Spring Boot后端 & MySQL）

目标

步骤 1：服务器环境准备

（1）安装Java

（2）安装MySQL

步骤 2：打包并上传Spring Boot后端

（1）修改后端配置

（2）打包Spring Boot项目

（3）上传到服务器

（4）在服务器运行后端

步骤 3：配置本地Vue前端访问服务器API

（1）修改Vue的API请求地址

（2）解决跨域问题

步骤 4：测试访问

（1）直接访问后端API

（2）本地Vue访问

可能出现的问题 & 解决方案

总结

1. 服务器IP的类型

2. 如何确认你的服务器IP是公网IP？

（1）云服务器（阿里云/腾讯云/AWS等）

（2）本地物理服务器/家用电脑

3. 无公网IP怎么办？

（1）内网穿透工具

（2）云服务器反向代理

（3）VPN/ZeroTier

4. 安全注意事项

总结

1. 问题原因

2. 解决方案

（1）检查 `pom.xml` 是否包含 `spring-boot-maven-plugin`

（2）重新打包

（3）验证 `MANIFEST.MF`

3. 如果仍然失败

（1）手动指定主类运行

（2）检查是否误打包为普通 `jar`

（3）检查 IDE 打包配置

4. 常见错误排查

5. 最终解决方案

总结

1. 问题原因