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

V2EX = way to explore

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

现在注册

已注册用户请登录

这是一个创建于 1609 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

第 1 条附言 · 2020-06-28 16:37:16 +08:00

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

第 2 条附言 · 2020-06-28 17:47:23 +08:00

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

Vue

后端路

dist

API

29 条回复 • 2021-03-18 19:40:34 +08:00

fucker

2020-06-28 14:44:43 +08:00

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

hoosin

2020-06-28 14:58:08 +08:00

nginx 反向代理吧

deprecatedCoder

2020-06-28 15:07:21 +08:00

```

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

deprecatedCoder

2020-06-28 15:08:14 +08:00

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

zhwithsweet

2020-06-28 15:09:45 +08:00

反带

darknoll

2020-06-28 15:45:29 +08:00

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

HanMeiM

2020-06-28 15:50:29 +08:00

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

Fitz

2020-06-28 15:53:27 +08:00

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

wszbdyyy

2020-06-28 15:53:48 +08:00

nginx 反代

maoxs2

2020-06-28 15:56:52 +08:00 via Android

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

Hanggi

2020-06-28 16:16:53 +08:00

之前正好用 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{})

这是你想要的吧。