vue在IIS服务器部署后路由无法跳转
更新时间：2024年10月08日 10:23:07 作者：带着代码去流浪
在IIS服务器上部署Vue项目时,可能会遇到路由无法正常跳转的问题,解决方法有两种,下面就来具体介绍一下解决方法,感兴趣的可以了解一下
方法一： 将路由配置中history改为hash，但是样子不太好看，路由路径后面会有#，可以使用方法二，我个人用的是方法二。
方法二： URL重写
1.打开IIS管理器，双击vue项目网站，就可以看到下图。点击URL重写，如果没有的话，去下载一下。下载地址
2.点击 添加规则->入站规则->空白规则
3.先填写上面一部分，模式填写 ^((?!(api)).)*$
4.将下面的条件选项展开，然后点击添加。
5.将操作选项展开，操作重写URL里面填写/index.html
这样就完成了，刷新一下就好啦。
如果有需要配置代理的，自己查一下啦~
注意：配置完成后，项目根目录会生成 web.config 文件，替换的时候不要删除了
到此这篇关于vue在IIS服务器部署后路由无法跳转的文章就介绍到这了,更多相关vue IIS部署后路由无法跳转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了vuex存取值和映射函数使用说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
vue组件vue-treeselect箭头和叉图标变大问题及解决
这篇文章主要介绍了vue组件vue-treeselect箭头和叉图标变大问题及解决方案，具有很好的参考价值，希望对大家有所帮助。2022-07-07
这篇文章主要给大家介绍了关于使用vue进行Lodop打印的一些常用方法,需要进行打印功能,Lodop就是实现需求的插件,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了分享9个Vue的巧妙冷技巧，文章首先通过巧用$attrs和$listeners的技巧展开，具有一定的参考价值，需要的小伙伴可以参考一下2022-06-06
在开发中我们想要给一个组件的显示和消失添加某种过渡动画,可以很好的增加用户体验,下面这篇文章主要给大家介绍了关于Vue3过渡动画踩坑的相关资料,需要的朋友可以参考下2021-12-12
这篇文章主要为大家介绍了Vue开发常用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了Vue Antd table组件实现服务端排序方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-03-03
在使用Vite和WebStorm时,如果`vite.config.ts`已经配置了路径别名`@`,但WebStorm无法识别,可以通过在项目根目录下创建`tsconfig.json`文件,并添加`baseUrl`和`paths`配置来解决,这样不仅可以让TypeScript正确解析路径别名,也能让WebStorm识别这些路径2026-01-01
这篇文章主要介绍了用vue快速开发app的脚手架工具，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要介绍了vue项目中vant tab改变标签颜色方式，具有很好的参考价值，希望对大家有所帮助。2022-04-04
最新评论