Nginx---React、Vue项目部署Nginx后,刷新页面出现404问题

作者:神秘网友 发布时间:2020-09-09 11:03:34

Nginx---React、Vue项目部署Nginx后,刷新页面出现404问题

Nginx---React、Vue项目部署Nginx后,刷新页面出现404问题
  • 问题描述:React、Vue单页应用项目打包部署Nginx服务器后,刷新页面后,出现404。
  • 问题原因:加载单页应用后路由改变均由浏览器处理,而刷新时将会请求当前的链接,而Nginx无法找到对应的页面。
  • 问题解决:在Nginx配置文件nginx.conf中加入如下配置。(index.html根据实际页面配置)
try_files $uri $uri/ /index.html;

 

 

Nginx---React、Vue项目部署Nginx后,刷新页面出现404问题

 

Nginx---React、Vue项目部署Nginx后,刷新页面出现404问题相关教程

  1. 资深架构师带你Spring boot项目调优
  2. 认知推理下的常识知识库资源、常识测试评估与中文实践项目索引
  3. java web项目定时任务
  4. vue面试二十问
  5. CD用户消费数据分析
  6. Vue学习06——axios基本使用
  7. vue-pdf解决显示无法显示中文、中文打印预览乱码
  8. vue.js中使用mint-ui框架