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

[darknoll]

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

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

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

[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 都现成的。

[djoiwhud]

很多种方案。
1，cdn 部署前端
2，go+go http file server
3，go+nginx
如果是非管理后台类型，推荐方案 1

[Nzelites]

不嵌二进制也可以 go 直接 load 文件做静态资源返回，build 的时候目录管理下就好

[phpbest]

看看我这个 https://github.com/lukedever/gvue-scaffold

[skiy]

可以。搞过。
Vue 走的是 hash 路由，跟 Go，没多大关系，就相当于你只要给一个 Controller.Func 一个入口，那个入口指向 dist 位置就好（也可以像上面有仁兄说的用 FileServer ）静态文件也要配置一下。

[viazure]

IIS 总可以吧，代理 + url 重写组件

[zhuweiyou]

你的 go 框架应该有设置 assets / static / public dir 之类的方法吧，指向你的静态目录就行了呀。

[AAAmos]

遇到了同样的情况？题主怎么解决的？

[AAAmos]

@darknoll 老铁你的问题怎么处理的啊？

[darknoll]

@AAAmos 后端用 gin-contrib/static 托管静态网站，前端使用子路径