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来代理静态请求

相关推荐
大白的编程日记.2 小时前
【计算机基础理论知识】C++篇(二)
开发语言·c++·学习
网小鱼的学习笔记2 小时前
python中MongoDB操作实践:查询文档、批量插入文档、更新文档、删除文档
开发语言·python·mongodb
Q_Q5110082852 小时前
python的保险业务管理与数据分析系统
开发语言·spring boot·python·django·flask·node.js·php
亮1112 小时前
Maven 编译过程中发生了 Java Heap Space 内存溢出(OutOfMemoryError)
java·开发语言·maven
Chef_Chen2 小时前
从0开始学习R语言--Day40--Kruskal-Wallis检验
开发语言·学习·r语言
Zhu_S W2 小时前
深入理解Java虚拟机:Java内存区域与内存溢出异常
java·开发语言·jvm
灰海2 小时前
原型与原型链到底是什么?
开发语言·前端·javascript·es6·原型模式·原生js
鸡蛋灌Bean2 小时前
Java常用设计模式大全
java·开发语言·设计模式
钮钴禄·爱因斯晨2 小时前
C语言 | 函数核心机制深度解构:从底层架构到工程化实践
c语言·开发语言·数据结构
wkj0012 小时前
php中array($this, ‘loadClass‘)表示啥意思?
android·开发语言·php