Golang学习日志 ━━ Gin-Vue-Admin在windows自带IIS服务器上的配置合集

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拒绝连接》

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
1
2
3
4
5
6
7
8

2. 需修改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>
1
2
3
4
5

所以需要删掉它。

<template>
  <div style="height:80vh">
    <iframe width="100%" height="100%" :src="`${basePath}/form-generator/#/`" frameborder="0" />
  </div>
</template>
1
2
3
4
5

注意：修改完成后执行npm run build重新编译前端。

3. 添加反向代理

如果已经认真学习了前面的初始化配置，那么这里就比较好理解了。

• 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;
    }

1
2
3
4
5
6
7
8

• IIS配置