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部署后路由无法跳转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家! 

您可能感兴趣的文章:

相关文章

  • Vue引入highCharts实现数据可视化

    Vue引入highCharts实现数据可视化

    这篇文章主要为大家详细介绍了Vue引入highCharts实现数据可视化,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • vsCode中vue文件无法提示html标签的操作方法

    vsCode中vue文件无法提示html标签的操作方法

    在vsCode中书写Vue页面时无法提示,那真是很郁闷的事情,下面这篇文章主要给大家介绍了关于vsCode中vue文件无法提示html标签的操作方法,需要的朋友可以参考下
    2023-03-03
  • 使用vscode 开发uniapp的方法

    使用vscode 开发uniapp的方法

    本文给大家分享我使用vscode开发的一些配置。其中包括uniapp组件语法提示,uniapp代码提示,代码自动格式化问题,对vscode 开发uniapp的相关知识感兴趣的朋友一起看看吧
    2021-08-08
  • Vue2.0结合webuploader实现文件分片上传功能

    Vue2.0结合webuploader实现文件分片上传功能

    这篇文章主要介绍了Vue2.0结合webuploader实现文件分片上传功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-03-03
  • vue中html2canvas给指定区域添加满屏水印

    vue中html2canvas给指定区域添加满屏水印

    本文主要介绍了vue中html2canvas给指定区域添加满屏水印,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-11-11
  • vue 解决setTimeOut和setInterval函数无效报错的问题

    vue 解决setTimeOut和setInterval函数无效报错的问题

    这篇文章主要介绍了vue 解决setTimeOut和setInterval函数无效报错的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vuex store 缓存存储原理分析

    vuex store 缓存存储原理分析

    这篇文章主要介绍了vuex store 缓存存储原理,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • vue页面更新patch的实现示例

    vue页面更新patch的实现示例

    这篇文章主要介绍了vue页面更新patch的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • vue-router实现组件间的跳转(参数传递)

    vue-router实现组件间的跳转(参数传递)

    这篇文章主要为大家详细介绍了vue-router实现组件间的跳转,参数传递方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • elementui源码学习仿写el-collapse示例

    elementui源码学习仿写el-collapse示例

    这篇文章主要为大家介绍了elementui源码学习之仿写el-collapse示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12

最新评论