golang gin单独部署vue3.0前后端分离应用

概述

因为公司最近的项目前端使用vue 3.0,后端api使用golang gin框架。测试通过后,博文记录,用于备忘。

步骤

  1. npm run build,构建出前端项目的dist目录,dist目录的结构具体如下图
  2. 将dist目录复制到后端程序同级目录,后端代码中添加以下命令
go 复制代码
	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{})
	})
	....
  1. ./后端程序执行即可

参考链接中有第二种部署方法,具体差异暂时未知。

参考链接

gin 部署 vue
用gin来代理静态请求

相关推荐
极地星光1 分钟前
协程:深入协程机制与实现(进阶篇)
开发语言
进击的圆儿25 分钟前
高并发内存池项目开发记录 - 02
开发语言·c++·实战·项目·内存池
xingxing_F31 分钟前
Swift Publisher for Mac 版面设计和编辑工具
开发语言·macos·swift
你才是向阳花33 分钟前
如何用python来做小游戏
开发语言·python·pygame
夜晚中的人海37 分钟前
【C++】使用双指针算法习题
开发语言·c++·算法
怀旧,38 分钟前
【Linux系统编程】3. Linux基本指令(下)
linux·开发语言·c++
艾莉丝努力练剑40 分钟前
【C++STL :stack && queue (三) 】优先级队列的使用以及底层实现
linux·开发语言·数据结构·c++·stl
web安全工具库2 小时前
Makefile 模式规则精讲:从 %.o: %.c 到静态模式规则的终极自动化
linux·运维·c语言·开发语言·数据库·自动化
從南走到北2 小时前
JAVA代泊车接机送机服务代客泊车系统源码支持小程序+APP+H5
java·开发语言·微信小程序·小程序
earthzhang20215 小时前
【1028】字符菱形
c语言·开发语言·数据结构·c++·算法·青少年编程