快捷導(dǎo)航

Spring?Boot項(xiàng)目部署及mysql并允許前端本地訪問

更新時(shí)間：2026年05月27日 10:22:20 作者：wxr0616

Spring Boot是一個(gè)用與開發(fā)和構(gòu)建基于Spring的框架的Java應(yīng)用于程序的開源框架,它簡化Spring應(yīng)用程序的初始配置和開發(fā)過程,這篇文章主要介紹了Spring?Boot項(xiàng)目部署及mysql并允許前端本地訪問的相關(guān)資料,需要的朋友可以參考下

1）修改后端配置

確保 application.yml 或 application.properties 中的數(shù)據(jù)庫連接指向服務(wù)器MySQL：

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/數(shù)據(jù)庫名?useSSL=false
    username: your_user
    password: your_password

2）解決跨域問題

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

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

2）打包jar

進(jìn)入文件根目錄（有pom.xml的那一級）

運(yùn)行

mvn clean package

3）上傳到服務(wù)器

4）在服務(wù)器運(yùn)行后端

java -jar C:\Users\Administrator\Desktop\ngpos-boot3-1.0.jar --server.port=8081

檢查是否運(yùn)行：

ps aux | grep java
netstat -tulnp | grep 8080

配置本地Vue前端訪問服務(wù)器API

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

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

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

或者在 .env.development 中設(shè)置：

VUE_APP_API_BASE_URL=http://服務(wù)器IP:8080

然后在代碼中使用：

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

（2）解決跨域問題

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

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

測試訪問

（1）直接訪問后端API

在瀏覽器或 Postman 訪問：

http://服務(wù)器IP:8080/api/test

如果返回?cái)?shù)據(jù)，說明后端正常運(yùn)行。

（2）本地Vue訪問

運(yùn)行本地前端：

npm run dev

訪問 http://localhost:8080，檢查是否能獲取服務(wù)器數(shù)據(jù)。

===============================================================

錯(cuò)誤：

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

完整的解決方案：

根據(jù)你的 pom.xml 文件，我發(fā)現(xiàn)導(dǎo)致 JAR 文件無法運(yùn)行的關(guān)鍵問題是 spring-boot-maven-plugin 配置中的 true。這個(gè)參數(shù)會(huì)跳過 Spring Boot 的可執(zhí)行 JAR 打包過程，導(dǎo)致生成的 JAR 文件缺少必要的啟動(dòng)信息。以下是

問題修復(fù)步驟
(1) 修改 spring-boot-maven-plugin 配置
將以下部分：

<configuration>
  <mainClass>com.example.dish.DishApplication</mainClass>
  <skip>true</skip>  <!-- 刪除這一行 -->
</configuration>

改為

<configuration>
    <mainClass>com.example.dish.DishApplication</mainClass>
</configuration>

1. 正確的端口映射命令（管理員權(quán)限運(yùn)行）

netsh interface portproxy add v4tov4 listenport=80 listenaddress=0.0.0.0 connectport=8081 connectaddress=127.0.0.1 protocol=tcp

2. 命令參數(shù)說明

參數(shù)	值	說明
`<font style="color:rgb(64, 64, 64);">listenport</font>`	80	外部訪問的端口
`<font style="color:rgb(64, 64, 64);">listenaddress</font>`	0.0.0.0	監(jiān)聽所有網(wǎng)絡(luò)接口
`<font style="color:rgb(64, 64, 64);">connectport</font>`	8081	內(nèi)部服務(wù)實(shí)際端口
`<font style="color:rgb(64, 64, 64);">connectaddress</font>`	127.0.0.1	轉(zhuǎn)發(fā)到本機(jī)
`<font style="color:rgb(64, 64, 64);">protocol</font>`	tcp	使用TCP協(xié)議

3. 驗(yàn)證映射是否成功

netsh interface portproxy show all

預(yù)期輸出：

偵聽 ipv4:                 連接到 ipv4:
地址            端口        地址            端口
--------------- ----------  --------------- ----------
0.0.0.0         80          127.0.0.1       8081

4. 開放防火墻80端口（如果尚未開放）

netsh advfirewall firewall add rule name="HTTP_80" dir=in action=allow protocol=TCP localport=80

5. 測試訪問

現(xiàn)在可以通過以下方式訪問：

http://8.138.207.62:80/ticket/listAll

6. 注意事項(xiàng)

需要以管理員身份運(yùn)行CMD/PowerShell

如果80端口被系統(tǒng)服務(wù)占用，可改用其他端口（如8080）：

netsh interface portproxy add v4tov4 listenport=8080 listenaddress=0.0.0.0 connectport=8081 connectaddress=127.0.0.1

重啟后映射會(huì)失效，如需持久化可以創(chuàng)建計(jì)劃任務(wù)

7. 完整操作示例

:: 添加端口映射
netsh interface portproxy add v4tov4 listenport=80 listenaddress=0.0.0.0 connectport=8081 connectaddress=127.0.0.1

:: 查看所有映射規(guī)則
netsh interface portproxy show all

:: 開放防火墻
netsh advfirewall firewall add rule name="HTTP_80" dir=in action=allow protocol=TCP localport=80

:: 測試映射是否生效（在服務(wù)器本地執(zhí)行）
curl http://localhost:80/kitchen/tasks

如果仍然遇到問題，可能是：