windows server + iis 部署若伊前端vue项目

简介: 5,配置url重写规则(重写后端请求)注:如果没有Application Request Routing Cachefourcloudbdueclaim和URL重写,则是第二部的那两个插件没装上打开iis,点击计算机->点击Application Request Routing Cache -> 打开功能

Blackey

windows server + iis 部署若伊前端vue项目

一、背景说明

工作原因,一直使用若伊前后端分离版框架进行二次开发。客户的服务器多数为windows server系统,少部分为linux系统。过去一直是使用nginx进行前端的部署,nginx的代理功能确实强大,但是在windows系统上发现一些小问题。前阵子机缘巧合之下发现了Windows server操作系统自带的iis服务,便尝试使用iis发布web服务。简单测试暂未发现问题。网上找了找,没有发现完整的指引,只在csdn看到一个说明,但是要订阅专栏才能看全文,恶心!

二、windows下使用nginx代理发现的问题

很多客户都是要求将系统部署到他们自己的内网服务器上,偶尔会手动关闭服务器。为了减少现场支持、远程支持的次数,降低成本,就要求前端服务具备服务器开机自启的功能。

1,开机自启:一直没有找到直接将nginx注册为windows服务的方法,只能通过第三方软件实现(名字忘了叫啥了);

2,重复启动:最头疼的问题其实是这个,客户自己的运维人员,有的时候会自己操作,再启动一次或者多次nginx,导致后台实际上有多个nginx同时在运行,这种情况下只能通过任务管理器关闭nginx进程。

三、部署环境

服务器操作系统版本:Windows Server 2022 Standard 21H2

若伊版本:3.8.8

四、部署步骤概要

1,安装iis服务(无需外网)

2,下载路由插件和重写插件(需要外网)

3,安装路由插件和重写插件

4,若伊vue项目调整并打包

5,配置网站

6,配置url重写规则

五、部署

1,安装iis服务(无需外网)

打开windows server 自带的服务器管理器,打开添加角色和功能->下一步->下一步->选中web服务器(IIS)... 反正只需要选中iis服务,按着提示一直下一步安装就可以了。这个过程不需要连接互联网也不需要重启。

安装完成后,在windows管理工具下面会有Internet Information Services(IIS)

2,下载并安装路由插件和重写插件(需要外网)

把这俩玩意下载下来,双击安装就好(链接我回头找一下,会发出来)

3,若伊vue项目调整并打包

打包之前,需要先调整一下路由的模式,history改为hash

4,配置网站

打开iis,左边选中网站,右边点击“添加网站...”(“网站”展开后有一个默认的网站,可以先删了)

设置网站名称(随便写)、物理路径(前端打包后的dist文件夹,选到index.html所在文件夹)、ip地址、端口

点击确定,此时应该能够进入到若伊的登录也,上面的路径有#,此时获取不到验证码(我的已经调完了,所以有验证码)

 

5,配置url重写规则(重写后端请求)

注:如果没有Application Request Routing Cachefourcloudbdueclaim和URL重写,则是第二部的那两个插件没装上

打开iis,点击计算机->点击Application Request Routing Cache -> 打开功能

点击 网站下面刚刚创建的ruoyi-web,点击URL重写,点击打开功能

点击添加规则

选择空白规则,点确定

设置

名称:若伊后端(随便写)

请求的URL:与模式匹配

使用:通配符

模式:prod-api/*

操作类型:重写

重写URL:http://10.10.0.18:8080/{R:1}

设置完就大功告成了!

相关文章
|
2天前
|
资源调度 前端开发 JavaScript
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第10天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤,包括安装依赖、创建混淆脚本、修改 `package.json` 脚本命令、构建项目并执行混淆,以及在 HTML 文件中引用混淆后的文件。通过这些步骤,可以有效提高代码的安全性。
|
10天前
|
前端开发 Unix 测试技术
揭秘!前端大牛们如何高效管理项目,确保按时交付高质量作品!
【10月更文挑战第30天】前端开发项目涉及从需求分析到最终交付的多个环节。本文解答了如何制定合理项目计划、提高团队协作效率、确保代码质量和应对项目风险等问题,帮助你学习前端大牛们的项目管理技巧,确保按时交付高质量的作品。
23 2
|
15天前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】React与Vue:前端框架的巅峰对决与选择策略
|
15天前
|
前端开发 JavaScript 数据管理
React与Vue:两大前端框架的较量与选择策略
【10月更文挑战第23天】React与Vue:两大前端框架的较量与选择策略
|
5天前
|
前端开发 JavaScript 安全
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第7天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤。包括项目准备、安装 `javascript-obfuscator`、配置 Vite 构建以应用混淆,以及最终构建项目进行混淆。通过这些步骤,可以有效提升前端代码的安全性,防止被他人轻易分析和盗用。
|
15天前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】 React与Vue:前端框架的巅峰对决与选择策略
|
28天前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
119 2
|
28天前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
36 0
|
28天前
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
|
28天前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。