vue 部署 iis URL重写

最新推荐文章于 2024-05-20 18:08:09 发布
最新推荐文章于 2024-05-20 18:08:09 发布
阅读量2.9k 收藏 3
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34715793/article/details/97246954
版权

1、下载所需模块：urlrewrite

2、设置规则
安装好模块之后，在IIS是图界面会看到"URL 重写"
在这里插入图片描述
3、双击之后，进入URL重写界面，在右上角点击"添加规则"：

选择"空白规则"，名称随意起、模式中改为 .*
在这里插入图片描述

4、设置条件。手动展开"条件"选项，添加一个"条件"，选择"不是文件"。
在这里插入图片描述

5、手动展开"操作"选项，设置"重写URL"为"/index.html"，然后点击右上角应用
在这里插入图片描述

6、设置好之后如图
在这里插入图片描述

siye++
关注
Webapi + Vue-cli部署IIS详解
qq_48536930的博客
07-09 1471
背景：做了一个客户管理系统项目，前端是Vue-cli+element-ui，后端是ASP.NET WEPAPI+SQLSERVER数据库。这两个项目需要分别部署在两个端口号上。 一、准备工作 1. 云服务器 官网：https://cloud.tencent.com/ 2.域名 购买地址：https://buy.cloud.tencent.com/domain?from=console 3.Webapi项目 4.Vue-cli项目 二、详细步骤 1.登录服务器 ...
IIS 部署 Vue3 程序环境搭建
tjchbs的博客
03-08 928
IIS 部署 Vue3 程序环境搭建
Windows IIS安装URL重写完整教程.rar
04-10
Windows IIS安装URL重写完整教程 包含 组件，安装配置（解决vue部署iis问题），组件安装失败解决方案
IIS部署vue项目 IIS重写URL
05-06 1473
4, 注意，会在vue站点的根目录里面生成一个web.config的配置文件，发布更新要保留这个配置文件，不然又要重新配置一次。1, 因为VUE页面驱动是靠项目内的路由跳转，要保证每次页面都在根目录下的 /index.html。2, 若是此处不添加规则，访问网站首页可以，但你刷新后或跳转页面就会出现 404 错误。2, 成功配置一次即可理解使用方式. 相当于配置vite.config.js的代理.2). 安装 Application Request Routing，1). 安装URL Rewrite，
IIS部署vue项目页面刷新404,url重写问题解决办法
weixin_38169359的博客
08-14 1226
这里需要用到URL重写工具 --URL Rewrite(默认没有,需要自己下载安装) 如果IIS上默认有安装Web平台安装程序，我们可以使用平台自动安装URL Rewrite重写工具，打开IIS在管理器主页中找到管理项，打开Web平台安装程序，如下图： 搜索url---找到url重写工具进行添加--安装(我的这个已安装) 安装完成之后就可以在主页找到url重写了 对当...
netcore vue iis项目 利用url重写 解决 vue-router 刷新页面后路由失效的问题
u013849472的博客
04-13 1377
NetCore Vue-Admin IIS 开发记录参考NetCore Vue IIS 开发流程参考部署流程I. 搭建项目II. 发布项目到指定目录III. 安装IIS的NetCore Hosting RuntimeIV. 安装IIS的Url重写功能（重要）如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
Vue项目打包部署到iis服务器的配置方法
10-16
总结来看，Vue项目在IIS服务器上的配置包括了静态资源MIME类型的配置以及URL重写规则的设定。通过这两个步骤，可以确保单页应用在IIS服务器上可以正常地处理前端路由，使用户在访问应用的任何子路由时都能返回正确的...
Vue项目部署到IIS服务器及URL拼写错误问题解决
MLAY
11-05 2424
一、Vue项目部署到IIS服务器 1、终端执行命令：npm run build，对项目进行打包，打包完成过后，项目目录新增dist文件夹 2、打开IIS服务器，添加网站，选择打包好的dist文件夹。设置如下： 3、部署完成，浏览该项目。 二、URL拼写错误问题解决 浏览网站出现下面错误： 解决办法： 1、下载安装所需模块 url-rewrite：https://www.iis.net/downloads/microsoft/url-rewrite application-r
Vue3刷新页面后404，需要配置IIS的URL重写
最新发布
橙-极纪元-cplvfx-JJY.Cheng
05-20 511
Vue3刷新页面后404，需要配置IIS的URL重写
vue 历史模式下发布IIS重写URL
m0_38125257的博客
04-14 228
1.没有跟接口一起发布到同个域名下 在发布项目的目录里直接添加一个web.config文件，内容如下： <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <rules> <ru...
VUE部署到IIS中报404错误解决方案-配置URL重写
w风雨无阻w的专栏
01-05 1309
【代码】VUE部署到IIS中报404错误解决方案-配置URL重写。
Vite+Vue3项目部署到IIS后，刷新报错404，URL重写后仍报错
acheding的博客
11-12 5202
可以尝试在 IIS 管理器里点击网站下的文件夹，右键刷新，并重启服务器，一次不行就试两次。
vue项目通过JS代码修改URL地址且不再次刷新页面
一只想躺平却不敢躺平的小菜鸟
03-27 875
通过JS代码修改URL地址且不再次刷新页面
vue解决跨域、api接口重写
weixin_46806380的博客
11-24 1158
通过webpack配置vue 的 proxyTable解决跨域,通过port可以重写端口号，通过配置changeOrigin: true解决跨域，通过配置proxy的 pathRewrite实现接口重写。
vue代理访问api 报错404 502错误解决
shi860715的博客
03-23 3164
vue代理访问api 报错404 502错误解决 最近有个项目中，因为访问不到api 接口，导致项目页面不可访问 在本地调试中一切显示正常，但是一旦上线就不行: 通过调试模式查看接口访问报错404，找不到接口。 通过postman 查看接口访问地址没有问题 我就猜想是不是因为nginx配置的问题，然后通过实验来测试猜想 1 安装nginx并配置配置文件等映射 docker run -di --name=liubijun_nginx -p 80:80 -v /root/nginx/log:/var/log
vue部署iis,jdk运行jar
08-29
Vue是一个流行的JavaScript框架，通常用于开发Web应用程序。而IIS是一种Windows服务器软件，用于托管和部署Web应用程序。如果要将Vue应用程序部署到IIS服务器上，可以按照以下步骤进行操作： 1. 首先，将Vue应用程序打包为静态文件。在Vue项目根目录下运行命令`npm run build`，会生成一个名为`dist`的目录，其中包含了需要部署到服务器上的静态文件。 2. 将`dist`目录中的内容复制到IIS服务器上的一个目录中，例如`C:\inetpub\wwwroot\myapp`。 3. 在IIS服务器上创建一个新的网站。打开IIS管理器，右键单击“网站”，选择“添加网站”。 4. 在“添加网站”对话框中，输入网站的名称和物理路径。将物理路径设置为上一步中复制的`dist`目录的路径，即`C:\inetpub\wwwroot\myapp`。选择一个适当的端口号和主机名作为访问该网站的地址。 5. 点击“确定”创建网站，并将其启动。 至此，您的Vue应用程序已经成功部署到IIS服务器上。用户可以通过访问服务器的地址来访问该应用程序。 如果您还需要在Vue应用程序中运行Java应用程序（JAR），可以按照以下步骤进行操作： 1. 确保您的服务器已经安装了Java Development Kit（JDK）。可以从Oracle官方网站上下载并安装适合您服务器操作系统的JDK版本。 2. 将JAR文件复制到IIS服务器上的一个目录中，例如`C:\java`。 3. 在Vue应用程序中，通过调用Java的命令行工具（如`java`或`javaw`）来运行JAR文件。您可以使用Vue的`child_process`模块来实现此功能。 4. 使用合适的命令行参数来调用Java命令，指定JAR文件的路径和其他需要的参数。例如：`java -jar C:\java\myapp.jar`。 请注意，为了在Vue应用程序中运行Java应用程序，需要在服务器上配置好Java的环境变量，并确保JDK的版本与您的应用程序兼容。 希望以上回答能够对您有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值