VUE3发布到IIS跳转页面报404以及刷新报404解决

最新推荐文章于 2024-05-16 13:35:35 发布
最新推荐文章于 2024-05-16 13:35:35 发布
阅读量256 收藏
点赞数
文章标签： 前端

原文链接：https://blog.csdn.net/langligelangxy/article/details/131975495

一只害虫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue项目发布到iis后刷新页面404报错最简单的解决办法
qq_43370509的博客
11-28 1105
Vue项目发布到iis后刷新页面404报错最简单的解决办法 在项目根目录添加一个web.config文件，代码如下： <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <staticContent> <remove fileExtension=".woff" /> <mimeMap fileExtension=
vue下使用nginx刷新页面404的问题解决
10-16
主要介绍了vue下使用nginx刷新页面404的问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
IIS部署vue项目刷新404问题
fankse的博客
07-13 749
注意： 新建文件后得重启下iis配置得web站点。在dist目录下新建web.config文件。
VUE工程打包后，history模式在IIS服务器上，非初始路由下，刷新报404错误解决方案（亲测有效）
最新发布
2401_84447390的博客
05-16 433
疯狂编程学习效果可视化写博客阅读优秀代码心态调整为了去掉这个#，需要在vue-router中，设置model为history，开发模式下木有问题，打包后，问题来了，原始路径下，http：//www.xxx.com/index刷新时候页面正常显示，如果路由跳转了，http：//www.xxx.com/index/id，再刷新的时候就会报404错误。
IIS 部署 Vue3
xwnxwn的专栏
10-02 1222
IIS 部署 Vue 项目，F5刷新界面报 404
Vue部署在IIS上后发布单页面刷新报错提示:404
Bibabu的博客
05-25 5367
写好的系统打包，运行指令:npm run build打包后会生成一个文件名为:dist文件夹,将该文件夹发布至IIS就可以进行访问了,但有的小伙伴会发现,单机每个页面都可以,但是却不能刷新页面，一刷新页面就会报错：404 not found这是因为,我们将文件打包后，与原来开发文件各个路径已经不同了,这是就要看看我们的路由是怎么配置的了,网上有很多方法解决方法一,配置nginx文件:serve...
IIS 部署 Vue 项目，F5刷新界面报 404
IT_laohu的博客
05-12 2760
在服务器上部署 Vue 项目，通过默认主页进入到其他页面时，如果直接刷新界面会报 404错误。 解决这个问题的话，需要在IIS 中设置 Url 重写规则。具体操作步骤如下： 1、双击打开Url 重写 2、点击右侧添加规则 3、选择 入栈规则中的空白规则 4、填写规则名称，这个自定义。模式内容填写 .* 5、点击 条件 栏右侧箭头，会出现逻辑分组选择框。点击添加 6、添加条件，条件输入：{REQUEST_FILENAME}。添加两个条件。 7、编...
Vue实现远程获取路由与页面刷新导致404错误的解决
10-17
本文将详细讲解如何在Vue中实现远程获取路由以及解决页面刷新后出现404错误的问题。 一、项目背景 在前后端分离的项目中，通常由后端负责用户权限管理，不同的角色可能有不同的访问权限。为了实现这一功能，我们...
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
12-09
使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。 在网上查找了一下，原来是HTML5 History 模式引发的问题，具体为什么，vue官方已经给出了解释，你可以看...
vue框架下部署上线后刷新报404问题的解决方案(推荐)
01-19
RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ....vue history模式下nginx配置 服务端nginx的一开
vue3项目发布IIS服务器后刷新页面报404
weixin_45711931的博客
11-21 474
原因：是因为vue的路由使用了history模式，改为hash模式即可。
IIS部署vue项目页面刷新404解决办法
Jonny的博客
06-02 6956
文章目录前言1、安装URL重写工具2、编写入站规则 前言 当我使用vue-cli的方式创建的项目的时候使用webpack进行打包，只有一个index.html入口文件，尝试部署到iis上访问时刷新浏览器会出现404的情况。 下面我来简单的介绍下如何进行解决！ 1、安装URL重写工具 安装URL重写工具需要使用Web平台安装程序；下载地址：https://www.microsoft.com/web/downloads/platform.aspx。 2、编写入站规则 按照如图的方式进行编写入栈规则即可。
FrontEnd - IIS部署Vue3项目
是萝卜干呀的博客
09-12 554
知识量决定了未来能走多远
windows11-IIS和nginx部署 vue3项目
Bruce__taotao的博客
12-16 2133
iis部署vue项目和nginx部署vue项目
2024年Web前端最新antd table 分页，前端 MVP模式详解
2401_84419493的博客
05-05 238
另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。面试本质也是考试，面试题就起到很好的考纲作用。学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。
thinkphp 伪静态 自定义后缀
weixin_33790053的博客
02-07 473
&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;configuration&gt; &lt;system.webServer&gt; &lt;rewrite&gt; &lt;rules&gt; &lt;rule name="已导入的规则 1" stopProcessing=&quot
部署Vue项目，运行刷新后404问题（已解决）
weixin_68714627的博客
11-30 1047
这样，Vue 应用将加载并确定展示哪个组件。针对 Nginx 服务器，可以通过修改配置文件来解决这个问题。经过分析，发现这是因为服务器无法正确处理前端路由（vue-router）导致的。针对这个问题，需要配置服务器，使得对所有前端路由路径的请求都返回。这样一来，无论用户访问的是哪个前端路由，Nginx 都会返回。在 Nginx 的配置中，添加一个新的。，然后前端路由就能正确地接管页面的显示了。同一个 index.html。，这样所有的路由都会被指向。index.html 文件。
vue项目部署到iis
weixin_48948055的博客
03-28 780
vue项目部署到 iis
vue 刷新页面跳转到404
09-03
当使用Vue进行单页面应用开发时，如果在浏览器中直接刷新或跳转到某个路由地址，可能会导致404错误的问题。这是因为单页面应用的特性决定了它的路由是由前端控制的，而服务器端并没有相应的路由配置。所以当用户直接访问一个路由地址时，服务器无法正确处理这个请求，就会返回404错误。 解决这个问题的方法有两种： 1. 使用服务器端的重定向配置：在服务器端的配置中，可以把所有的路由都重定向到主页面，这样当用户直接访问某个路由地址时，服务器会将请求重定向到主页面，然后由前端的Vue路由来处理。这样就能避免404错误的出现。 2. 使用History模式：Vue提供了一种History模式的路由配置方式，通过这种方式可以使URL看起来更加正常，不再带有"#/"这样的标识符。但是使用History模式时，需要在服务器端进行相应的配置，以确保用户直接访问某个路由地址时能够正确返回对应的页面，而不是返回404错误。具体的配置方式可以参考Vue的官方文档或相关的教程。 综上所述，要解决Vue刷新页面跳转到404的问题，可以通过服务器端的重定向配置或使用Vue的History模式，并在服务器端进行相应的配置，以确保用户访问路由地址时能够正确返回对应的页面，而不是返回404错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [关于Vue3刷新页面报错404的解决方法](https://blog.csdn.net/Yang_Ming_Lei/article/details/130384715)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [vue单页面实现当前页面刷新或跳转时提示保存](https://download.csdn.net/download/weixin_38749863/12950235)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值