gin-vue-admin是一套国人用golang开发的后台管理系统,本文记录实际使用时陆续遇到的配置问题。
官网:https://www.gin-vue-admin.com/
基本运行的初始化配置
首先学会这篇《Golang学习日志 ━━ 部署Gin-Vue-Admin到windows系统并启用IIS服务,顺便学习如何设置IIS反向代理》
有了这篇的基础,后面进行服务器配置就会比较得心应手。
表单生成器配置
- 如果之前已经将
web/.env.production
中的参数VITE_BASE_PATH
设置为正确的域名/IP,那么只需要开着后端执行文件,默认输入网址:http://127.0.0.1:8888/form-generator/
就能直接使用表单生成器。- 可如果没有修改过
web/.env.production
中的参数VITE_BASE_PATH
,那么默认情况下将连接到官方提供的表单生成器,即https://demo.gin-vue-admin.com/form-generator/
。
在生产环境下如果要使用表单生成器,那么我们需要隐藏其端口号,否则就暴露server.exe
监听的端口了。
官网参考:《生产使用表单生成器》、《127.0.0.1拒绝连接》
- 配置
web/.env.production
默认线上域名为VITE_BASE_PATH = https://demo.gin-vue-admin.com
,请修改为自己的,比如本机测试的时候可以改为http://127.0.0.1
ENV = 'production'
VITE_CLI_PORT = 8080
VITE_SERVER_PORT = 8888
VITE_BASE_API = /api
#下方修改为你的线上域名
#VITE_BASE_PATH = https://demo.gin-vue-admin.com
VITE_BASE_PATH = http://127.0.0.1
- 需修改
web/src/view/systemTools/formCreate/indev.vue
默认情况下是暴露监听端口的:${basePort}
<template>
<div style="height:80vh">
<iframe width="100%" height="100%" :src="`${basePath}:${basePort}/form-generator/#/`" frameborder="0" />
</div>
</template>
所以需要删掉它。
<template>
<div style="height:80vh">
<iframe width="100%" height="100%" :src="`${basePath}/form-generator/#/`" frameborder="0" />
</div>
</template>
注意:修改完成后执行npm run build
重新编译前端。
- 添加反向代理
如果已经认真学习了前面的初始化配置
,那么这里就比较好理解了。
nginx
配置
location /form-generator {
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;
proxy_pass http://127.0.0.1:8888;
}
IIS
配置