IIS部署VUE刷新404问题如何解决？

新建Web.Config文件，写入以下内容，将文件放入到dist根目录中的。

<?xml version="1.0" encoding="UTF-8"?>
<configuration><system.webServer><rewrite><rules><rule name="Handle History Mode and custom 404/500" stopProcessing="true"><match url="(.*)" /><conditions logicalGrouping="MatchAll"><add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /><add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /></conditions><action type="Rewrite" url="/" /></rule></rules></rewrite></system.webServer>
</configuration>

注意：记得重启一下IIS服务，方可生效。

IIS部署VUE刷新404问题如何解决？相关推荐

42. Vue、React 等前端项目部署，刷新 404 问题解决方案
首发于我的github博客, 欢迎关注 nginx 匹配的 try_file 与前端路由的优先级问题场景描述: 访问www.abc.com, 之后点击界面里面的logout,前端路由处理,跳转到ww ...
IIS部署vue前端过程（含IIS及相关配置和安装），部署遇到的问题及报错（承接vueconfig.js全局配置环境变量，跨域问题）
目录一.IIS使用安装. 二.部署准备工作三.部署前端(以vue为主) 四.问题与报错 1.HTTP 错误 404.0 - Not Found(需重写路由入口) 2.请求调用不了(需要重写请求地址 ...
解决vue项目404 nginx url转发
目的:解决vue刷新404问题方案:我是后台程序员所以通过设置nginx.conf 方法: server {listen 8082;#server_name www.czconfig.com ;ro ...
Nginx部署Vue项目动态路由刷新404
目录前言第一次第二次前言记录下Nginx部署Vue项目刷新404的解决方案,遇到了两次,route用的是history路由模式,动态路由: {path: '/article/:blogId' ...
nignx部署Vue单页面刷新路由404问题解决
nignx部署Vue单页面刷新路由404问题解决参考文章: (1)nignx部署Vue单页面刷新路由404问题解决 (2)https://www.cnblogs.com/wuchenggong/p/ ...
nginx配置 vue打包后的项目解决刷新页面404问题|nginx配置多端访问
访问vue页面时,/# 使url看着不美观,使用 H5 history模式可以完美解决这个问题,但需要后端nginx帮助.接下来我们自己配置一下. 使用前端路由,但切换新路由时,想要滚动到页面顶部,或 ...
vue.js解决刷新404找不到页面问题
vue.js解决刷新404找不到页面问题参考文章: (1)vue.js解决刷新404找不到页面问题 (2)https://www.cnblogs.com/Javame/p/11020737.html ...
nginx部署vue前端，刷新出现404或者500错误的解决方案
nginx部署vue前端,刷新出现404或者500错误的解决方案参考文章: (1)nginx部署vue前端,刷新出现404或者500错误的解决方案 (2)https://www.cnblogs.co ...
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...

IIS部署VUE刷新404问题如何解决？

IIS部署VUE刷新404问题如何解决？相关推荐

最新文章

热门文章