当前位置: 首页 > news >正文

前后端项目,nginx部署前端项目后刷新浏览器报错404的问题

问题:

        Vue单页应用项目打包部署Nginx服务器后,刷新页面后,出现404。

原因:

        加载单页应用后路由改变均由浏览器处理,而刷新时将会请求当前的链接,而Nginx无法找到对应的页面。

解决:

       在Nginx配置文件nginx.conf中加入如下配置。(index.html根据实际页面配置)

       location / {root /www/tmp/dist-view;#项目存放地址try_files $uri $uri/ /index.html;}

 

 

相关文章:

  • 如何在页面中加入百度地图
  • 【LangChain学习之旅】—(1) 何谓 LangChain
  • 级数@常数项级数@正项级数审敛法总结
  • Vasya the Hipster
  • C++ 数据结构知识点合集-C/C++ 数组允许定义可存储相同类型数据项的变量-供大家学习研究参考
  • QT自带打包问题:无法定位程序输入点?metaobject@qsound
  • 在ubuntu上rmp打包:由二进制(安装后的目录)构建rpm包
  • c++ websocket 协议分析与实现
  • 关于#c语言#的问题:分析递归调用的过程◇画出调用过程各语句执行过程
  • TDengine 签约大唐水电院,助力水电时序数据高效写入存储查询
  • 基于Python数据可视化的网易云音乐歌单分析系统
  • ubuntu创建apt-mirror本地仓库
  • R语言【rgbif】——使用rgbif获取非行政单位区域内的物种记录信息(以泛喜马拉雅地区为例)
  • C++初学者使用Dev-C++5.11必备的小技巧
  • 【Proteus仿真】【51单片机】电子称重秤
  • 2017 年终总结 —— 在路上
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • If…else
  • Java知识点总结(JDBC-连接步骤及CRUD)
  • Nginx 通过 Lua + Redis 实现动态封禁 IP
  • scrapy学习之路4(itemloder的使用)
  • Stream流与Lambda表达式(三) 静态工厂类Collectors
  • Vue2.x学习三:事件处理生命周期钩子
  • 阿里云Kubernetes容器服务上体验Knative
  • 阿里云前端周刊 - 第 26 期
  • 闭包,sync使用细节
  • 翻译--Thinking in React
  • 给github项目添加CI badge
  • 给Prometheus造假数据的方法
  • 欢迎参加第二届中国游戏开发者大会
  • 简单数学运算程序(不定期更新)
  • 前端js -- this指向总结。
  • 前端设计模式
  • 如何在GitHub上创建个人博客
  • 一个普通的 5 年iOS开发者的自我总结,以及5年开发经历和感想!
  • 怎么把视频里的音乐提取出来
  • 追踪解析 FutureTask 源码
  • 自动记录MySQL慢查询快照脚本
  • 数据可视化之下发图实践
  • #NOIP 2014# day.1 T2 联合权值
  • #Ubuntu(修改root信息)
  • #微信小程序:微信小程序常见的配置传值
  • (04)Hive的相关概念——order by 、sort by、distribute by 、cluster by
  • (分布式缓存)Redis分片集群
  • (十)c52学习之旅-定时器实验
  • (五)网络优化与超参数选择--九五小庞
  • (转)真正的中国天气api接口xml,json(求加精) ...
  • .Net core 6.0 升8.0
  • .NET(C#、VB)APP开发——Smobiler平台控件介绍:Bluetooth组件
  • .NET/C# 中设置当发生某个特定异常时进入断点(不借助 Visual Studio 的纯代码实现)
  • @Documented注解的作用
  • @RequestParam,@RequestBody和@PathVariable 区别
  • [.net] 如何在mail的加入正文显示图片
  • [C++]:for循环for(int num : nums)
  • [CLR via C#]11. 事件