nginx服务器上部署vue项目，刷新或者打开新窗口时出现404的解决方法【转载】【实用】

最新推荐文章于 2023-08-18 11:16:45 发布
转载 最新推荐文章于 2023-08-18 11:16:45 发布 · 501 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/qq_42498327/article/details/105475421
文章标签：

#vue #前端 #nginx #服务器 #运维

https://blog.youkuaiyun.com/qq_42498327/article/details/105475421

新手如何在阿里云服务器上部署第一个自己的SpringBoot+Vue项目
qq_45607971的博客
06-23 1797
轻松在阿里云服务器上部署第一个自己的SpringBoot+Vue前后端分离项目
vue-cli3打包上线时遇到的坑（打包后页面空白、接口404、进入二级页面刷新404）
qq_37021104的博客
12-20 1万+
前言: 刚开始以为打包上线挺简单的，不就是 cnpm run build打包然后把代码往服务器一扔吗。但是打包后发现遇到了各种问题，首先就是页面空白的问题，页面空白有两个原因，第一个是因为路径找不到造成的页面空白，第二个是渲染问题。其次就是后台接口404错误。在这里，我会建一个新的vue3项目，来重新走一遍打包时遇到的坑。 vue3打包上线后页面空白 vue3打包上线后调用后台接口...
nginx服务器上部署vue项目，刷新或者打开新窗口时出现404的解决方法
qq_42498327的博客
04-12 1955
前言 最进写了一个小项目，前端用vue来写的，后端用SSM写的，后端的项目已经在服务器正常运行起来了，而前端一直在Idea上运行，还没有打包对项目打包在生产环境运行。 突发奇想，想把前端的项目也部署在服务器上运行。我下载乃本地模拟部署了一下，发现在打开新窗口或者界面刷新的时候出现了404的错误。 问题分析和解决方案 404异常表示我们的服务器上没有对应的URL资源，我们发现当前刷新的路径时...
快速解决Vue 2路由典型问题：编程式路由跳转报错、新页面不自动滚动等常见疑难杂症
weixin_43263566的博客
09-29 3289
Vue2 动态路由、解决跳页面跳转后 新页面没有位于顶部的问题、决编程式路由往同一地址跳转时会报错的情况
巨坑!nginx部署vue项目后刷新页面404，重定向不生效问题（已解决
云雨毅
08-18 1637
root 的目录地址是到能看到vue项目index的地方，如果是docker部署，请写docker中vue所在的目录。这几天部署vue项目后发现刷新页面会404，想到之前的经验添加重定向代码即可解决。1、server_name不能写localhost，请写具体IP！有两个注意点大多数人都没有提到。添加代码后还是404，找不到vue文件。解决方案：使用最基本的nginx配置。
nginx部署vue项目出现404查找不到js，css文件解决方法
asd52656的博客
05-29 1万+
nginx部署vue项目出现查找不到js，css文件解决方法 1.先测试你的vue文件本地是否正常显示打开，正常再进行第二步，否则是你vue打包后的文件出现错误了 2.测试nginx是否正常，可以在ftp中查找你vue项目中的文件，浏览器打开nginx打开那个文件，能正常打开则进入第三部，否则就是你nginx配置问题，nginx无法映射此vue文件夹 3.重新配置一个新的nginx的conf文件， # 前端vue转发 location / { root /data/frontend/di
Vue项目布署后，刷新页面404的真正原因找到了
Crazymryan的博客
10-19 4589
从一篇日记说起我是一个小前端，我有写日记的习惯2020年10月17天气 晴今天天气不错，心情也跟着好起来了辛辛苦苦加班两个星期终于完成了产品需求，到了要上线的时候了，嘴里也不知不觉哼起...
uniapp打包h5，刷新内页404（刷新404，首页正常），nginx情况下配置
weixin_39921970的博客
04-25 1万+
环境 代码：uniapp+vue 线上环境：nginx H5项目编译目录：如移动端名称“h5”，放在域名执行的根目录 问题分析 本地正常，线上404，是文件未找到，即文件路径错误,即域名： www.yourdomain.com/h5 //正常访问 内页刷新404，原因看链接，正常是404链接是没有查h5里面的js，css，而是域名目录下的js，css，那就是针对目录问题，让程序执行/h5目录下的js，css nginx配置 location /h5 { root /www/wwwroot/jiaxin/
【超详细小白教学】Vue+nodejs电商项目部署指南
一只蒻蒻的博客
01-22 6962
【超详细小白教学】Vue电商项目部署指南 前言 食用指南：推荐照着我的设置来走。 在最前面，厚着老脸，跟大家要一个star。 ???? 本项目Github源码 1 准备工作 1.1 云服务器购买 进入阿里云官网 找到上边导航栏的产品→云服务器ECS 随后点击立即购买 进入购买页面后，按照我的选择进行选择就好啦 在实例中，选择当前带，筛选“1vCPU" 然后选择这个最便宜的17.1的就好啦，够用。其他默认 接下来选择镜像 公共镜像Alibaba 2.1903。 接下来是选择存储和购买时长。存储的话，
vue组件websocket服务器,vue全局使用WebSocket
weixin_39677106的博客
08-02 1389
vue接入websocket首先就是网上的写法有很多但是 都是需要创建一个对象进行相关的状态回调，有的是需要创建一个初始化方法进行相关的状态回调，然后看的我就一句话 都挺好的，反正就是需要你去创建对象接收发送消息，然后我就在这写一个全局的使用的，因为我觉得大部分就是作为消息推送来用所以全局来用蛮好的。websocket是什么：首先是是基于TCP的 全双工 通信的协议 然后就是websoket是通过...
vue/react项目刷新页面出现404的原因以及解决办法
博哥的二进制世界
04-28 8465
vue/react项目刷新页面出现404的原因以及解决办法
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项目打包，用nginx部署了，但是访问不到页面
TanMengyi的博客
06-15 1万+
最近做的一个vue项目，npm run build打包后，用nginx部署， 打开默认地址： 域名/gcmanager/，跳到了我配置的404页面，如下图： 于是我手动输入页面的路由地址，我本地这个路径都能访问到页面，为部署后却找不到页面了， 这是我路由的index.js文件 分析问题： nignx，需要配置history模式，解决办法有两种： a. 取消路由的 history 模式，把mode:"history"去掉 b.nginx配置location / { try_files $uri $
vue 路由刷新之后当前页无法访问
Queen-Shir的博客
06-04 1310
去掉这个属性就好了
解决vue项目中数据更新但无法刷新视图的问题
花落微凉梦清幽的博客
05-14 8456
问题描述：当我们在做项目中，会遇到很常见的这种问题，例如：我一个数组从后台获取数据，进行表格渲染，当点击表格某一行时，查询表格该行下的子级数据，并显示。所以我们的做法通常会是点击调用接口，获取数据，并把数据给原有的数组的children数组赋值。这样做的结果就是：点击第一次，数据确实请求回来了，也在children下面，但是视图并不更新，点击第二次才更新。 分析原因: 你仔细阅读vue的官方文...
【自用】服务器Nginx部署VUE项目二级页面刷新404解决方法
励志成为会前后端、运维、云服务、嵌入式开发、AI和自动化技术的创业小老板！
12-31 4765
Nginx以为路由路径是真正的文件路径，在寻找的时候发现没有，就会爆出404警告了。（因为路由路径不是真实的文件路径！确保VUE项目是hash模式，而不是history模式。这个在 router 的 index.html 中可以进行修改。在 vue.config.js 中设置好项目的跨域并且确保项目的其他功能当前能够正常运行，只不过是刷新时出现404.重新启动Nginx，现在刷新页面也不会出现404了！
vue打包项目部署到服务器的非根目录后白屏或者404
Flyer_741的博客
05-27 809
把打包好的dist文件放到服务器的非根目录xwh文件夹里，就会出现404或者白屏，在之后会出现跳转都正常，但是刷新就变成404
vue项目部署到nginx服务器，静态资源不能加载问题的处理
qq_27474555的博客
11-06 6989
1、现象 部署到服务器，提示以下错误： GET http:/static/css/static/fonts/element-icons.535877f.woff net::ERR_ABORTED 404 (Not Found)2、原因 路径问题，开发环境系统会自动配置，而部署环境可能需要用户干预；3、解决办法 build/utils.js文件中添加publicPath路径，修改前： if (opt...
vue项目部署到服务器打不开,Vue 项目部署到服务器的问题解决方法_盂希_前端开发者...
weixin_29391747的博客
08-06 3209
相信很多小伙伴在用开发的时候，在如何打包基于如何部署将打包出来的但有时候，我们会直接将dist文件扔到服务端出现的问题打包到服务器后，出现打包到服务器后，出现空白页的问题打包到服务器后，出现引入的打包到服务器后，出现路由刷新404的问题下面笔者根据自己一、前端配置：①、router配置–指定路由起始(在router提前和后端商量好项目部署的服务器文件夹路径②、编译打包配置进入config –&gt...
复制一个Vue2的项目，新项目的端口改了，为什么不生效，访问的还是看项目
最新发布
06-28
另外，用户提到“启动的时候，发现他俩是一个项目”，可能是由于浏览器缓存了原项目的页面，或者两个项目构建后的内容相同（如果访问的是build后的dist，那么需要重新build新项目并部署到不同的路径）。但是，用户是...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值