页面刷新404【VUE页面刷新404】

摘要:
部署模式为nginx和jar包部署。VUE前端代码放在nginx默认静态页面下,也就是html文件夹下。当访问项目的时候刷新出现404。
问题说明:

公司项目的架构技术前端是VUE,后端是java。

部署模式为nginx和jar包部署。

VUE前端代码放在nginx默认静态页面下,也就是html文件夹下。

当访问项目的时候刷新出现404。

解决办法:

方法一:

修改nginx配置文件

error_page  404 500 502 503 504     /index.html;
location /{
        root   /etc/nginx/html/ycyc;
        index  index.html index.htm;
}

重启nginx服务

方法二:

修改nginx配置文件

    location /{
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        #解决刷新404问题
        try_files $uri $uri/ /index.html;
    }

参考博客:

https://www.cnblogs.com/weilz/p/11334452.html

免责声明:文章转载自《页面刷新404【VUE页面刷新404】》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇深入理解JVM虚拟机3:垃圾回收器详解Everything You Always Wanted to Know About SDRAM (Memory): But Were Afraid to Ask下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue、Element 路由跳转,左侧菜单高亮显示,页面刷新不会改变当前高亮菜单

el-menu-item index的值,我这里使用了 路由表中route.js中 的 路由name值:default-active="this.$route.name" 如果不理解,可以看下 watch 监听 的 $route <el-menu background-color="#324057"...

使用 Vue 的最佳做法

1、始终在 `v-for` 中使用 `:key` 在需要操纵数据时,将 key 属性与v-for 指令一起使用可以让程序保持恒定且可预测。 这是很有必要的,这样Vue就可以跟踪组件状态,并对不同的元素有一个常量引用。在使用动画或Vue转换时,key 非常有用。 如果没有key,Vue只会尝试使DOM尽可能高效。这可能意味着v-for 中的元素可能会出现乱序...

Nginx实践:(2) Nginx语法之localtion

1. 概念 location是根据uri进行不同的定位。在虚拟主机的配置中,是必不可少的。location可以将网站的不同部分,定位到不同的处理方式上。 location语法格式如下: location [=|~|~*|^~] patt{ } 其中: (1) 当[]中的内容均不填写时,表示一般匹配 (2) "="表示精准匹配 (3) "~"表示正则匹配 ...

循序渐进VUE+Element 前端应用开发(19)--- 后端查询接口和Vue前端的整合

循序渐进VUE+Element 前端应用开发的系列文章中,前面介绍了系统各个功能的处理实现,本篇随笔从一个主线上介绍前后端开发的整合,让我们从ABP框架后端的查询接口的处理,前端API接口调用的封装,以及前端Element界面的整个调用过程进行一个完整的介绍。 我们前面介绍了Vue+Element前端的接口是调用后端的ABP框架发布的API接口服务,API...

Vue实现二级菜单的显示与隐藏

1 <html> 2 <head> 3 <title>Vue实现二级菜单的显示与隐藏</title> 4 <script src="vue.js"></script> 5 <style type="text/css"> 6 *{ 7...

Vue笔记(三):Components—slot

Solt - 内容分发 父组件模板的内容在父组件作用域内编译,子组件模板的内容在子组件作用域内编译。 组件的作用域相互独立,子组件中定义的数据只能在子组件模板内使用,父组件也如此。如果子组件想要使用父组件的数据,需要子组件定义 props 属性来实现。 为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板,这个过程被称为内容分发。Vue...