概述

因為公司最近的項目前端使用vue 3.0，后端api使用golang gin框架。測試通過后，博文記錄，用于備忘。

步驟

1. npm run build，構建出前端項目的dist目錄，dist目錄的結構具體如下圖
   
2. 將dist目錄復制到后端程序同級目錄，后端代碼中添加以下命令

	r := gin.Default()r.Static("/css", "./dist/css")r.Static("/img", "./dist/img")r.Static("/js", "./dist/js")r.LoadHTMLGlob("dist/*.html") // 加載 HTML 模板r.GET("/", func(c *gin.Context) {c.HTML(http.StatusOK, "index.html", gin.H{})})....

3. ./后端程序執行即可

參考鏈接中有第二種部署方法，具體差異暫時未知。

參考鏈接

gin 部署 vue
用gin來代理靜態請求