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

47 篇文章 6 订阅
23 篇文章 7 订阅

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. 需修改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重新编译前端。

  1. 添加反向代理

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

  • 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配置

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值