首页 > 系统相关 >nginx部署vue history模式项目页面刷新报404问题

nginx部署vue history模式项目页面刷新报404问题

时间:2023-01-31 11:18:29浏览次数:45  
标签:vue uri nginx 404 history 页面

nginx部署vue history模式项目页面刷新报404问题

解决方案:

在nginx配置种添加以下代码:

try_files $uri $uri/ /index.html

示例:

location  /  {
           root   dist;
           try_files $uri $uri/ /index.html
        }

 

 

钻研不易,转载请注明出处。。。。。。

 

标签:vue,uri,nginx,404,history,页面
From: https://www.cnblogs.com/s313139232/p/17078300.html

相关文章

  • 解决webstorm不能识别vue的@路径引用
    方式1: webstorm无法识别@符号问题[ctrl+左键无法跳转]解决:创建vue项目,打开项目后,再进入webstorm配置页面[否则没有webpack选项]ctrl+alt+s[进入设置页面]->langua......
  • 使用 vue-pdf 踩坑记录
    嵌入小程序里的h5里有一个查看pdf的功能,在h5里可以正常打开pdf,但是在小程序的webview里却打不开。为了解决这个问题踩了好多坑......
  • VUEX 使用学习六 : modules
    转载请注明出处:当Store中存放了非常多非常大的共享数据对象时,应用会变的非常的复杂,Store对象也会非常臃肿,所以Vuex提供了一个Module模块来分隔Store。通过对Vuex中的S......
  • VUEX 使用学习五 : getter
    转载请注明出处:Getter对Store中的数据进行加工处理形成新的数据。他不会修改state中的原始数据,起到的是包装数据的作用;有时我们需要从store中的state中派生......
  • 为什么vue3要使用ref
    vue3中使用ref来创建响应式数据,让习惯了选项式API的我很不习惯。因为得使用xxx.value来读写响应式数据,没有vue2中直接使用this.xxx来读写简洁。vue3这样设计的原因是原生J......
  • Vue2 和 Vue3 的不同之处
    1、双向绑定的更新 vue2是采用的ES5的⼀个API叫做object.definePropert 对数据进⾏劫持结合发布订阅模式vue3是采用的ES6的一个API叫做Proxy......
  • 基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计
    基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计文章目录​​基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计​​​​前言介绍:​​​......
  • 基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统
    基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统文章目录​​基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统​​​​前言介绍:​​​​功能设计:​......
  • antdvue 上传图片最多四张,有预览删除
    <template><divref="classReview"><a-modal:body-style="modalStyle":confirm-loading="confirmLoading":footer="null":getConta......
  • 62、性能压测---优化---nginx动静分离
    动态请求通过nginx,然后到网关再到微服务静态请求通过nginx,然后通过nginx返回静态文件(css、js、html等)以便提高性能1、以后将所有项目的静态资源都应该放在nginx中2、......