文档

Github地址 git clone https://github.com/flipped-aurora/gin-vue-admin.git 中文文档 https://www.gin-vue-admin.com/docs/

前端打包

编译web端 cnpm install 测试用cnpm run serve 打包使用cnpm run build server文件夹下config.yaml配置里面mysql数据表,然后执行initdb

linux下操作初始化

go env -w GO111MODULE=on
go env -w GOPROXY=https://goproxy.io,direct
make gva # 在server项目下,先构建gva终端工具
make initdb # 使用gva进行初始化数据, 如果不使用make initdb, 使用./gva initdb也是可以的

后端编译

编译go进入server 先使用 go mod init, go mod tidy, go build -o ginvueadmin.exe main.go

前端打包到go

打包前端到go文件中,在文件serve/core/server.go里面添加Router.Static("/admin", "./resource/dist")

放到线上

然后在生成的ginvueadmin.exe,resource/dist,config.yaml三个同一级别

前端文件.env.production中VUE_APP_BASE_API = '/api'是线上,.env.development中VUE_APP_BASE_API = '/api'是开发版,vue.config.js中

target:`http://h5.api.shanliwawa.top/api`,//线上绑定域名用
target: `http://127.0.0.1:8888/`,//测试本地用

nginx配置

代理静态文件 复制生成的dist文件夹到nginx,配置如下 index index.html index.htm; root C:/www/h5/dist; 配置代理go服务,这里两个都可以登录其中http://h5.api.shanliwawa.top/是nginx代理,访问的是nginx dist目录文件,另一个是http://h5.api.shanliwawa.top/api/admin/访问的是go代理的静态文件,两种都是使用了nginx反向代理

location ~ ^/api/ {
      proxy_set_header   Host             $http_host;
      proxy_set_header   X-Real-IP        $remote_addr;
      proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
      proxy_set_header   X-Forwarded-Proto  $scheme;
      rewrite ^/api/(.*)$ /$1 break;
      proxy_pass  http://127.0.0.1:8888;
      }

常见问题

  • 禁止访问官方网站,在package.json中serve:node openDocument.js && 去掉,就不会访问了
  • go.mod文件中github.com/casbin/gorm-adapter/v3 v3.0.2如果版本是3.0.4会导致出错,所以记得修改版本.
  • swag 小于1.67 github.com/swaggo/swag v1.6.7 大于此版本会出现 swag init不能用