首页 > 其他分享 >解决Vue项目在IIS部署中路由不存在导致的404错误问题

解决Vue项目在IIS部署中路由不存在导致的404错误问题

时间:2024-05-08 15:12:43浏览次数:19  
标签:Vue IIS url 404 https 重写

最近Vue项目部署到IIS时遇到了一个问题:当输入不存在的路由时,页面会报下图的404错误,这样会导致我们的信息暴露,非常不安全,解决这个问题也很简单,通过配置网站的url重写即可解决这个问题。

参考文章:https://blog.csdn.net/qq_40323256/article/details/124384969

img

解决方法:给IIS部署的vue项目网站配置url重写

1.如果iis没有url重写模块的,可以到下面的官网安装url重写工具

https://www.iis.net/downloads/microsoft/url-rewrite

img

img

2.回到IIS,为vue项目配置URL重写img

3 点击添加空白规则

img

4按下图配置即可

img

5.重启部署后即可解决

img

图中开源项目地址:https://github.com/CorentinTh/it-tools

标签:Vue,IIS,url,404,https,重写
From: https://www.cnblogs.com/Misaka11639/p/18179793

相关文章

  • 探索网站支付系统的奥秘,从Vue3和Spring Boot开始(入门级项目实战+在线教程)附赠项目源码
    你是否曾经在购物时,对着电脑屏幕前的“支付成功”四个字感到好奇?这背后的秘密究竟是什么?今天,让我们一起揭开支付系统的神秘面纱,探索其背后的技术实现。在这个基于Vue3和SpringBoot的支付项目实战中,我们将带你一步步了解支付系统的实现思路。这个项目不仅解决了常用支付方式的......
  • vue2-事件总线$bus的使用
    作用实现不同组件之间进行通信(非父子关系)。 原理$bus就是vue原型上添加的一个vue实例,用于存储、监听以及触发事件。 实现步骤在main.js文件中注册事件总线Vue.prototype.$bus=newVue();在需要发送信息的组件中发送事件this.$bus.$emit("eventname")//无参......
  • Vue —兼容 Vue 2.0到 Vue 3.0 的注意事项
    Vue3与Vue2之间存在一些重要的变化和改进,因此在进行兼容性处理时需要注意一些关键点。1.CompositionAPIVue3引入了CompositionAPI,与Vue2的OptionsAPI不同。如果您在Vue2中使用了OptionsAPI,可以继续使用,但建议尝试使用CompositionAPI,因为它提供了更好......
  • 服务端缓存页面及IIS缓存设置:iis cache-control设定
    IIS是一个Web服务器软件,可以通过设置Cache-Control标头来控制浏览器或其他客户端如何缓存Web页面或资源。Cache-Control是HTTP协议中的一个响应头,它指示客户端在何种程度上缓存与重新获取资源。Cache-Control标头可用于控制客户端缓存的行为,例如缓存过期时间、是否强制重新验证缓......
  • vue多页面应用
    多页面应用本身和单页面应用没什么差别,无非是多了几个入口点。入口点多的话,还可以写个函数扫描路径取添加入口点。比较让人好奇的是路径的问题。我们要开发的时候要体现目录层级接口,所以入口文件是一层套一层的。但是部署后访问路径应该很短才行,最好是顶级路径。但这又只能改目......
  • 【vue3入门】-【0】前言
    本人是一名四年的软件测试人员,想努力向测试开发方向发展,因此在学习的道路上不停在探索。软件测试所需要的知识面太过庞大,但感觉好的测试开发都是会写前端的,也算是在模仿前辈们的脚步前进,希望不会让自己太受打击了,哈哈哈。对于前端,其实是断断续续有在接触,包括html、css、js,但是苦......
  • 【vue3入门】-【20】组件注册方式
    组件注册方式一个vue组件在使用前需先被“注册”,这样vue才能在渲染模版是找到其对应的实现。组件注册有两种方式:全局注册和局部注册全局注册在最外层注册一次,在最内层组件都能使用main.jsimport{createApp}from'vue'importAppfrom'./App.vue'importHeaderfrom......
  • 【vue3入门】-【21】 组件传递数据
    组件传递数据_Props静态数据传递组件与组件之间不是完全独立的,而是有交集的,那就是组件与组件之间是可以传递数据的传递数据的解决方案就是propsapp.vue<template><!--主要要生效Header中的样式,需要删除main.json中默认的main.css样式--><!--不需要再次引入,可以直接使......
  • 【vue3入门】-【22】 组件事件
    组件事件在组件的模版表达式中,可以直接使用$emit方法触发自定义事件触发自定义事件的目的是组件之间传递数据,通过组件事件可以实现子级传递参数给父级App.vue<template><ComponentEvent/></template><script>importComponentEventfrom"./components/componentEvent.......
  • Windows Server查看W3SVC IIS服务器中对应的网站日志
    WindowsServer查看W3SVCIIS服务器中对应的网站日志https://www.cnblogs.com/xiaoyou2018/p/16592930.htmlWindowsServer如何查看IIS服务器中对应的网站日志https://shiyousan.com/post/636240709447985366存在多个W3SVC文件的原因https://blog.csdn.net/qq_38150880/a......