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

[darknoll]

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

[fucker]

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

[hoosin]

nginx 反向代理吧

[deprecatedCoder]

```

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

[deprecatedCoder]

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

[zhwithsweet]

反带

[darknoll]

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

[HanMeiM]

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

[Fitz]

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

[wszbdyyy]

nginx 反代

[maoxs2]

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

[Hanggi]

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

这是你想要的吧。

[gamexg]

可以，
做过类似的

使用 vfsgen 等类似的库内嵌 html 文件到 exe 即可。

[scukmh]

emmmm, 我做过这件事，但可执行文件比较大。大概就是楼上的思路，把前端生成的代码打包进二进制文件里。

[xiayun]

为啥要起一个端口···nginx 代理一下不就行了么

[mlboy]

可以，了解下 go 打包资源文件二进制

[labulaka521]

我们前段时间也遇到这个问题 可以参考一下我写的一篇文章 https://labulaka521.top/posts/4868566 不知道你用的 web 框架是啥 如果是 gin /目录就不能使用了 前端的 url 需要修改为别的路径

[darknoll]

@labulaka521 原来这就是你写的啊，我现在就是按照这个弄起来了，但是 /路径没法用，资源文件还要跳转，这俩问题你们最后是怎么处理的啊

[yrj]

把静态站嵌入 go

[labulaka521]

@darknoll 对我没用 /路径了 做了一个重定向 把 /路径重定向了一个新的路径 你可以参考 https://github.com/labulaka521/crocodile/blob/dev/core/router/router.go 这里面的代码

[thtznet]

还是微软大法好，WebAPI 都现成的。