vue-golang-embed-实现前后端不分离部署

需求说明:

用户希望我们能提供一个在本地运行的”web+后端“的二进制程序,但是在本地肯定希望运行越简单越好,如果把前端代码放到nginx,增加了用户的操作复杂度。但是如果通过tmpl的方式书写前后端不分离项目,对开发人员又不是很友好。

那怎样才能让开发人员在书写代码的时候,依然和前后端分离项目一样书写代码,但在用户端只需要运行一个二进制程序呢?通过搜索,发现embed 能帮助我们实现该功能,下面是我们的项目说明。

1.准备一个vue cli相关的项目

我项目地址为:
项目地址

前端项目完成后,执行yarn build 生成静态文件

2.golang 后端项目说明

我项目地址为:
项目地址

2.1把vue的静态文件放到golang项目中,并写好html.go文件

2.2修改下index.html中内容

2.3路由配置

2.4本地运行测试

只运行后端

通过后端8877端口访问

测试成功后,直接go build编译go程序即可,编译好后直接运行go程序,通过go的运行端口访问即可。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值