iis部署vue项目，刷新404问题

将项目打包好放在iis上遇到两个问题，1.直接输入地址 http://192.168.0.106:8089 会跳到 http://192.168.0.106:8089/home。但是刷新后就提示404，直接输入 http://192.168.0.106:8089/home 也是4042.我在config/index下设置代理module.exports = {dev: {// Pathsasset...

react项目部署在windows服务器上时，使用IIS来部署，部署完成后打开响应ip+port没有报错，在相应页面点击刷新会出现这样的错误。解决办法：在项目根目录的web.config文件中使用下面一段代码即可(如果没有web.config可以手动创建一个)有的文章使用URL重写进行配置相关内容是一样的道理，使用URL重写配置之后也会自动生成相应的web.config。

IIS url重写 vue+iis+net6 部署. 解决刷新404问题

这里需要用到URL重写工具 --URL Rewrite(默认没有,需要自己下载安装) 如果IIS上默认有安装Web平台安装程序，我们可以使用平台自动安装URL Rewrite重写工具，打开IIS在管理器主页中找到管理项，打开Web平台安装程序，如下图： 搜索url—找到url重写 对当前项目进行url重写—添加规则–空白规则 完成后.点击右侧 应用–返回规则 ...

1. 客户端路由 vs 服务器路由：Vue Router的history模式使用客户端路由，URL变化时不会向服务器请求新页面。2. IIS默认行为：IIS会尝试查找与URL路径匹配的实际文件/目录(如`/home/woxue`)，当找不到时返回404。3. 如果已存在`web.config`文件，只需添加`<rewrite>`部分到`<system.webServer>`中。3. 首次访问正常：从根路径进入应用时，Vue能正确加载，但直接访问或刷新子路由时IIS无法处理。刷新页面确认不再出现404错误。

注意： 新建文件后得重启下iis配置得web站点。在dist目录下新建web.config文件。

Vue项目部署到IIS服务器 步骤 第一次接触这个iis服务器，感觉nginx他不香吗？非用这玩意，不过没办法服从安排 步骤 Vue项目打包 创建IIS网站 打开IIS服务器 创建完成后 打开浏览器输入http://localhost:端口号，即可打开打包后的项目 vue-router模式为hash的走到这一步应该就没有问题了 history模式下刷新页面后会出现404页面，找不...

问题 ：Vue如何去掉#方法,刷新404报错问题，采用的是IIS部署 背景 开发语言：.NETCORE 部署环境:IIS 项目结构：前后端分离即WEBAPI webapi相信大家都是前端内容展示页一个端口，api访问一人上端口，但由于用户给的只有一个域名，没有多余的入口。这就折腾到人了。 实现步骤 首先得让大家知道发布的目录，说一堆文字不如一张图 。wwwroot所放的文件为前端内容展示页，admin为后台管理前端，至于发布目录下就是webapi文件了。如下图： 前端修改部分 vue.

一、方式一 将vue发布到一个单独的网站上发布vue项目，生成dist文件夹打开iis服务器后选中【网站】后右击选【添加网站】，物理路径指向发布生成的dist文件夹到此项目就部署好了，点击右侧浏览即可打开网站你以为部署完成就可以了，遇到的问题才刚开始没错，开发环境下没问题的项目，在通过以上发布部署后报错了，先归纳了下出现的错误：1、提示Vue is not defined，如下截图2、提示Une...

可以尝试在 IIS 管理器里点击网站下的文件夹，右键刷新，并重启服务器，一次不行就试两次。

6、继续往下，操作栏中，重写URL，我这填的完整路径/index.html，网上有的填/，停止处理后续规则，我的勾不勾都可以，网上有的要勾。总结：这些规则，参考了别人的经验，发现并不一定适合自己，所以我是在尝试中成功的，在此做一下记录，如果有人看到，也可以参考多尝试，因为我照搬没有成功，上面的步骤慢慢尝试组合出来的。5、条件要自己展开，一开始没有左侧框里的那2条，在右侧点击添加，只选择红框里的不是文件，然后确定，再点添加，选择不是目录，确定。vue项目如何部署不说了，自行百度，很简单，关键是配置。

【代码】VUE History模式下项目在IIS部署刷新后404。

最新写了一个vue的demo，部署到iis后，正常router跳转都没问题，但是点击浏览器的刷新按钮后，就会出现404找不到文件的现象。根据自己选择添加即可。配置完毕后，放到部署的dist文件夹里即可，再访问网址就可以随便刷新了。