vue 和 go 开发前后端分离的网站，现在想把 vue 打包生成的 dist 部署到 go 上，前后端使用同一个端口，可以做到吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 2142 days ago, the information mentioned may be changed or developed.

前端还使用原来的路由，后端路由统一加个 /api 之类的，咋整？

Supplement 1 · Jun 28, 2020

我已经用 go-bindata 把前端嵌进去了，但是能不能后后端共用一个端口啊

Supplement 2 · Jun 28, 2020

领导要求跑在 win 上，不装任何 web 服务器，只跑一个 exe，要是能用 nginx，我也不要来问了啊

Vue

后端路

dist

API

29 replies • 2021-03-18 19:40:34 +08:00

fucker

Jun 28, 2020

1. 反向代理
2. 将 index.html 作为静态文件让 go 返回给前端，其他目录我记得 gin 有 r.StaticFS("/static", http.Dir("./static"))

hoosin

Jun 28, 2020

nginx 反向代理吧

deprecatedCoder

Jun 28, 2020

```

ginRootPath.Use(static.Serve("/", static.LocalFile(common.Cfg.Web.FrontDir, true)))
ginRootPath.StaticFile("situation", common.Cfg.Web.FrontDir+"/index.situation.html")
```

deprecatedCoder

Jun 28, 2020

import "github.com/gin-contrib/static"
api 的路由组前缀不要和前端编译好的代码冲突就可以了

zhwithsweet

Jun 28, 2020

反带

darknoll

Jun 28, 2020

统一回复下，领导说不用反代，不装 nginx 之类的 web 服务器，直接运行一个 exe

HanMeiM

Jun 28, 2020

前端或者 api 单独一个 location 就好了

Fitz

Jun 28, 2020

http.Handle("/", http.FileServer( http.Dir("./static")))

wszbdyyy

Jun 28, 2020

nginx 反代

maoxs2

Jun 28, 2020 via Android

1. Vue 用 npm 生成 dist 文件夹
2. Go 里用 statik 打包成变量指向文件夹(类似的好几个)
3. 确认 server 里 static 等目录指向这个变量
4. go build .
5. 就一个文件，不用夹带文件夹了

Hanggi

Jun 28, 2020

之前正好用 Angular 做过这事：

首先 ng build 生成 dist 。
然后把生成的文件放到 public 里：r.Static("/public", "./public")

然后把里面的 index.html 移动到 views 里，并修改名称为 index.tmpl：r.LoadHTMLGlob("views/*")

然后写个 router：
c.HTML( http.StatusOK, "index.tmpl", gin.H{})

这是你想要的吧。