分享

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

 F2967527 2024-05-14 发布于北京

需求说明:

用户希望我们能提供一个在本地运行的”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的运行端口访问即可。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多