提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
介绍
gva是国人大佬奇淼用golang开发的后台管理系统
网站直达:
https://github.com/flipped-aurora/gin-vue-admin
项目架构:
前后端分离
前端:web模块–vue
后端:server模块–golang
配置
初始化
前端:
vscode中配置node环境,安装npm,cnpm
安装项目依赖:cnpm i || cnpm install || npm i
启动前端项目:npm run serve
后端:
goland
更改go代理,用七牛云下载
go mod tidy
启动项目
详情见https://www.gin-vue-admin.com/docs/first_master
上线
准备工作(打包项目)
1、更改配置
web配置:
2、打包
打包web
在web文件夹中
npm build
生成dist文件夹
打包server
cmd中打开server文件夹
设置linux打包配置
set GOARCH=amd64
set GOOS=linux
打包
go build
生成server源文件,与之同级 的还有resource文件夹,config.yaml文件
将以上复制到linux中/www/wwwroot/YourAddress目录中(这是宝塔自动生成的目录)
宝塔部署配置
采用宝塔面板部署上线
1、把要用到的端口,在防火墙放行
2、采用php启动项目
配置如下
主要改以下两处
详情如下:
server
{
listen 80;
server_name YourAddress;
index index.php index.html index.htm default.php default.htm default.html;
root /www/wwwroot/YourAddress/dist;
#SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
#error_page 404/404.html;
#SSL-END
#ERROR-PAGE-START 错误页配置,可以注释、删除或修改
#error_page 404 /404.html;
#error_page 502 /502.html;
#ERROR-PAGE-END
#PHP-INFO-START PHP引用配置,可以注释或修改
include enable-php-56.conf;
#PHP-INFO-END
#REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
include /www/server/panel/vhost/rewrite/YourAddress.conf;
#REWRITE-END
#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
{
return 404;
}
#一键申请SSL证书验证目录相关设置
location ~ \.well-known{
allow all;
}
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
error_log /dev/null;
access_log /dev/null;
}
location ~ .*\.(js|css)?$
{
expires 12h;
error_log /dev/null;
access_log /dev/null;
}
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:8887;
}
access_log /www/wwwlogs/YourAddress.log;
error_log /www/wwwlogs/YourAddress.error.log;
}
上线
若想用已有数据库,则在上传到linux的后端配置文件config.yaml中更改mysql选项
启动后端
则访问YourHost则可见
一些坑: