首页 > 其他分享 >Vue项目部署到IIS后,刷新报错404

Vue项目部署到IIS后,刷新报错404

时间:2022-10-28 10:26:32浏览次数:81  
标签:Vue IIS URL 安装 -- 报错 url 重写

这里需要用到URL重写工具 --URL Rewrite(默认没有,需要自己下载安装)

如果IIS上默认有安装Web平台安装程序,我们可以使用平台自动安装URL Rewrite重写工具,打开IIS在管理器主页中找到管理项,打开Web平台安装程序,如下图:    

  

 

搜索url---找到url重写工具进行添加--安装(我的这个已安装)

  

 

安装完成之后就可以在主页找到url重写了

  

 

对当前项目进行url重写---添加规则--空白规则

  

 

进行规则编辑

    

   

完成后.点击右侧 应用--返回规则

再次浏览可以刷新了

 

总结:

1.根本原因:vue-router 使用 hash 模式:使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。

2.解决办法:利用 IIS 管理器的 URL 重写功能,当 URL 改变时,自动切换到指定路径,重新加载。

3.URL 重写功能可以自己下载安装包进行安装,也可以通过 Web 平台安装程序安装。

4.在文件夹下添加 web.config 配置文件和上述方法本质上是一样的,因为 URL 重写功能就是帮助我们构建 web.config 文件的。

5.进行了上述两种方法之后,页面刷新依旧 404 ,可以尝试在 IIS 管理器里点击网站下的文件夹,右键刷新,并重启服务器,一次不行就试两次。

 

本来想自己写个备忘,发现有这么多文章直接转载了。

转载至:https://blog.csdn.net/bDreamer/article/details/121290482?spm=1001.2014.3001.5502

https://www.cnblogs.com/zhoushuang0426/p/11350297.html

标签:Vue,IIS,URL,安装,--,报错,url,重写
From: https://www.cnblogs.com/binzi/p/16834921.html

相关文章

  • 关于再次报错500--Servlet报出异常
    我是根据这样的方法解决的:本来在前几篇里面,我是将get或者post的没有用到的方法里面自带的super方法直接删除了的,然后今天运行发现,功能实现不了,还报出500的异常错误;心态直......
  • 基于springboot+vue物资管理系统java物资统计系统(源码调试+讲解+文档)
    ......
  • Vue - axios
    Axios 发送GET请求 axios({//请求方式method:"GET",//请求地址url:"http://www.liulongbin.top:3006/api/g......
  • #yyds干货盘点#vue的防抖
    在监听频繁触发的事件时,一定要多加小心,比如用户在输入框打字、窗口大小调整、滚动、IntersectionObserver事件。这些事件总是被频繁触发,可能几秒一次。如果针对每次事件......
  • docker容器报错
    docker重启之后容器起不来dockerlogs查看日志发现是nginx配置文件找不到方法一:我们直接重本地拷贝一个到容器上dockercp/root/nginx/nginx.conf5ad86993e4e5:/etc/ngin......
  • new: 轮播图 | MDN上HTML的总结和CSS面试题解答,以及vue-admin/豆瓣一个静态页面的实现
    主要参看oppo官网https://www.oppo.com/cn/,实现以下功能一、轮播图https://www.cnblogs.com/WindrunnerMax/p/12638005.html通常是在首页读秒播放的图片,本次了解的是opp......
  • vue项目总结
    项目总结在进行网站数据请求的过程中,面临接口实时刷新的情况,数据请求过期解决:将最新请求出来的数据本地存储便于页面渲染再用到项目中所需要的组件有问题时,学会查看......
  • vue-element-admin框架学习笔记
    0背景vue-element-admin是一个已高度完成的系统原型,它基于vue框架和elementUI组件库。它使用最新的前端技术栈,内置i18n国际化解决方案、动态路由、权限验证。它可以帮助......
  • Vue学习笔记之使用computed计算属性
    0x00概述本文主要记录Vue页面使用computed计算属性0x01computed基本使用在computed中定义一个函数(看起来是一个函数,其实是一个属性),命名按照属性规范命名(一般为名词)......
  • Vue学习笔记之scope.row的最简单理解
    0x00概述本文转载,仅做记录用,原文 0x01表格内开关选项如果表单中只是对返回数据的字面量的显示,prop和slot-scope没有大的差异,开发过程中基本可以通用;但是如果有一个......