项目部署后能访问，但是刷新就报404

最新推荐文章于 2024-03-11 19:18:30 发布
最新推荐文章于 2024-03-11 19:18:30 发布
阅读量681 收藏
点赞数
分类专栏： 工作笔记 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/daxianghaoshuai/article/details/115328197
版权

【问题描述】vue项目打包部署后，输入ip+port+systemName能访问，如：10.192.11.1:8899/system
，点击各模块的按钮也能进行访问， 但是按f5刷新就进入nginx的这个页面了。
在这里插入图片描述
【解决方法】刚开始以为是打包问题，后来确定是nginx的服务配置问题，将nginx.conf文件增加配置。比如项目名为/flightcenter则配置如下
在这里插入图片描述

27℃凉白开
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
08-27
今天很郁闷，遇到这样一个奇葩问题，使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错误，折腾半天才解决好，下面小编把Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案分享给大家，需要的朋友一起看看吧
刷新页面出现404页面，解决了404之后又出现白屏问题
weixin_48837605的博客
09-08 2883
1)刷新页面出现404页面原因： 我们使用addRoutes动态添加路由的时候,404页处在中间位置而不是所有路由的末尾了。 解决方式: 将404页面路由放在最后 从route/index.js中的静态路由中删除path:'*'这一项 // 不需要特殊的权限控制就可以访问的页面 export const constantRoutes = [ { path: '/login', component: () => import('@/views/login/index'), hidd
vue项目部署后刷新页面404的原因和解决方案
最新发布
为技术而生
03-11 1869
vue项目打包部署上线后发现项目是可以正常运行，但是使用F5或者浏览器的刷新按钮直接变成404页面。 扩展：当项目部署到服务器子文件路径时资源404问题。
Nginx配置React项目Url后直接输入路由路径时报404问题的解决
09-30
主要给大家介绍了关于Nginx配置React项目Url后面直接输入路由路径时报404问题的解决方法，文中通过示例代码将解决的方法介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
解决Angular4项目部署到服务器上刷新404的问题
12-11
刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!在网上搜了一下看到有些人写的解决办法还有错误在里面,一眼看就知道的错误,感觉这些人真的有毛病,决定写了博客,为什么那么不仔细,写错误的上去,祸害别人吗!! 解决angular2页面刷新后报404错误办法： 配置app.module.ts import {HashLocationStrategy , LocationStrategy} from '@angular/common'; @NgModule({ declarations: [AppCmp], bootstrap: [Ap
f5源站获取http/https访问的真实源IP解决方案
weixin_34335458的博客
11-06 2118
1.背景 　　F5负载均衡设备，很多场景下需要采用旁挂的方式部署。为了保证访问到源站的数据流的request和response的TCP路径一致，f5采用了snat机制。但是这样导致源站上看到的来源IP都是snat地址，而看不到真实的访问源地址。 2.http访问 　　对于HTTP应用可以直接在VS中开启X-Forwarded规则 　　 3.https访问　　 　　由于HTTPS...
「Vue面试题」vue项目本地开发完成部署到服务器后报404是什么原因呢？
一个前端开发者
04-03 3409
是一种网络应用程序或网站的模型，所有用户交互是通过动态重写当前页面，前面我们也看到了，不管我们应用有多少页面，构建物都只会产出一个。什么自动化，镜像，容器，流水线布署，本质也是将这套逻辑抽象，隔离，用程序来代替重复性的劳动，本文不展开。前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的。这是一个经典的问题，相信很多同学都有遇到过，那么你知道其真正的原因吗？产生问题的本质是因为我们的路由是通过JS来执行视图切换的，是没有相关配置的，所以就会出现 404 的情况。
vue/react项目刷新页面出现404的原因以及解决办法
博哥的二进制世界
04-28 6526
vue/react项目刷新页面出现404的原因以及解决办法
Vue 项目布署后，刷新页面（或跳转页面）出现 404 解决办法
在人间负债^
08-23 4063
hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 website.com/#/login 只有 website.com 会被包含在请求中 ，因此对于服务端来说，即使没有配置location，也不会返回404错误。由于我们的应用是一个单页的客户端应用，如果没有适当的服务器配置，用户在浏览器中直接访问 https://example.com/user/id，就会得到一个 404 错误。一个杯子，早上装的牛奶，中午装的是开水，晚上装的是茶，我们可以发现，变的始终是内容，而容器还是那个容器。
前端部署nginx刷新后404，解决Nginx刷新页面后404的问题
一个还不成熟、正在努力成长的博客小站。
06-21 3万+
使用Nginx部署后，登录页面刷新一下就出来404，如下图：刷新以后 ，页面变成404 Not Found查看了一下nginx配置，出现问题的配置是这样的：
Nginx部署之后正常点击没问题，刷新页面会出现404问题的解决
qq_29454203的博客
04-21 1万+
项目部署到服务器后 ，根路径访问没有问题（http:10.10.10.10）,但是进入其他功能再刷新页面就会出现404，比如http:10.10.10.10/test/test/test 刷新页面就会出现404，因为你没在nginx配置上面加上重定向跳转。 解决办法，只需要加上这段配置： try_files $uri $uri/ /index.html; server { listen 80; server_name 127.0.0.1; location / { root /da
记一次vue去除#问题处理经过小结
12-10
2、build以后部署到服务器，会出现刷新页面报404错误，查看了一些资料和官方vue history模式的配置方法进行尝试，我原以为就这样配置一下就可以了，结果…… 我的网站是阿里云虚拟机+nginx+tomcat进行建站，在nginx...
F5做负载均衡防火墙添加IP规则后访问web应用失败
Terisadeng的博客
09-20 5263
应维护中心关于网络安全的要求，需要所有项目都不能通过公网IP直接进行访问，只能通过域名，再经过统一入口地址进行访问。 所以需要在所有项目的防火墙上添加过滤规则。 比如现在有一个项目通过8008端口进行访问，原来的防火墙配置如下: -A INPUT -m state --state NEW -m tcp -p tcp --dport 8008 -j ACCEPT 8008端口是对外放开的，现
F5 cookie值与IP地址(一)：将F5插入的cookie转换为IP地址
weixin_34082695的博客
08-23 1992
起因近期，我在自己维护的系统中遇到了和F5有关的问题，所以有幸研究了一下F5插入的cookie和IP地址之间的关系。该系统前端由F5进行负载均衡，并通过cookie插入的方式来做会话保持，后端有50台应用服务器。原理当F5采用cookie会话保持的方式进行应用分发时，会在请求中插入一条自己的cookie，用于判断分发到后端的哪台应用。当下次再次处理时，如果看到请求中带有自己插...
经过f5后Request.ServerVariables("Remote_Addr")无法获得客户端IP？
sqlora的专栏
09-17 804
参考： https://www.cnblogs.com/edward2013/p/5501258.html 检查确认即可： Version BIG-IP 13.1.0.6 Build 0.0.3 Point Release 6 1.选择的概要策略http对应的insert X-Forwarded-For为Enabled 2.Source Address Translation为A...
vue 项目 页面刷新404问题
q1ngqingsky的博客
04-22 1万+
vue页面访问正常，但是一刷新就会404的问题解决办法： 第一种解决方法： 将vue路由模式mode: 'history' 修改为 mode: 'hash' //router.js文件 const router = new Router({ //mode: 'history', mode: 'hash', routes: [ { path: '/', redirect: '/login' }, { path: '/login', compon
vue项目如何部署？布署服务器后刷新404如何解决？
许洪源的博客
02-26 2236
一、如何部署 前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可 我们知道vue项目在构建后，是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可 // scp 上传 user为主机登录用户，host为主机外网ip, xx为web容器静态资源路径 scp dist.zip user@host:/xx/xx/xx 或者 让web容器跑起来，以nginx为例 server { listen 80; server_.
项目部署到服务器上，刷新页面报404
weixin_37331593的博客
08-19 2975
原因：项目的路由不是采用hash模式（访问路径中间加#），而是采用了history模式（/A/B）。项目部署后，刷新页面出现404错误，在本地运行则正常。
nginx代理后刷新显示404
热门推荐
maple的博客
02-15 4万+
通过首页进入访问页面正常，F5刷新之后出现错误如下图。 原因是因为web单页面开发模式，只有一个index.html入口，其他路径是前端路由去跳转的，nginx没有对应这个路径，当然就是404了。 一般nginx监听配置如下 现在知道原因，需要怎么处理呢？ location / { root /mydata/transfer/html/helper/dist; ...
vue 项目部署后 接口访问404
05-18
通常情况下，如果在 Vue 项目本地运行时接口是可以正常访问的，但是部署到服务器上后却出现了404错误，那么这可能是由于以下原因导致的： 1. 路由配置错误：在 Vue 项目中，路由配置是非常重要的一部分。如果路由...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值