原因是vue-router 使用了路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面. const router = new VueRouter({ mode: 'history', routes: [...] }) 需要在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面,这个页面就是你 app 依赖的页面. 解决方案 在项目目录下新建文件.hta

部署spring boot + Vue遇到的坑(权限.刷新404.跨域.内存) 项目背景是采用前后端分离,前端使用vue,后端使用springboot. 工具 工欲善其事必先利其器,我们先找一个操作Linux系统的工具极力推荐FinalShell. 一眼看过去是不是感觉很方便,对内存.CPU的监控也可以实时看到,访问目录更是方便,对于Linux小白来说简直是神兵利器. 好了,我要开始入坑了. 问题一:权限不够 把vue包放到tomcat->webapps->ROOT目录下. 启动tomcat:

修改nginx配置文件 location / { root ... index ... try_files $uri $uri/ /index.html; ---解决页面刷新404问题 } (参考官网 https://router.vuejs.org/zh-cn/essentials/history-mode.html)

vue 项目 版本 Vue Cli 3.3 官方文档 https://router.vuejs.org/zh/guide/essentials/history-mode.html 因为本项目部署在 Apache Tomcat上 所以 以Apache为例 修改Apache配置 找到 #LoadModule rewrite_module modules/mod_rewrite.so 这一行 把#去掉 然后保存配置 重启服务 在根目录下创建文件 ./htaccess 把下面代码放进去 <IfModul

翻车事故分析: 因需对项目整体优化,调整过程,采用了路由的history模式,本地项目运行,刷新子页面都是OK的. 部署到测试服务器,正常跳转都ok,但刷新子页面就会出现404,请求变成了get,没有进入封装的请求体中,让人很费解,也有没有打印错误. 1.本地刷新子页面,地址栏路由状态OK,页面也能正常获取数据 2.部署到测试服务器上,刷新就唧唧了 注:首先,说明下vue-router的默认hash模式——使用URL的hash来模拟一个完整的URL,当URL改变时,页面不会重新加载.但是这种ha

这几天用xampp搭建了一套环境,后来发现在网页访问出现404的时候xampp显示的内容不安全,把apache.php还有一些其它的版本都会显示 出来,所以想自己设置一个404的页面,在网上找了一些资料写的都查不多看起来也很简单,但是对于初学者来说可能看了还不太明白,下面我把具体内容写出来 希望对大家有所帮助 第一步:让apache支持.htaccess 我们要找到apache安装目录下的httpd.conf文件,在里面找到 <Directory />     Options FollowSy

使用版本:Apache 2.2 1.添加404页面 在所配置网站的根目录添加编辑好的 404.html (页面名字无所谓 比如也可以叫missing.html) 如C:\Program Files\Apache Software Foundation\Apache2.2\htdocs下 注意:404页面不建议跳转到首页 会影响搜索引擎的收录的. 建议做成网址导航等. 2.修改httpd.conf配置文件 httpd.conf位于C:\Program Files\Apache Software F

刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!转载一大神的操作 解决angular2页面刷新后报404错误办法: 配置app.module.ts   import {HashLocationStrategy , LocationStrategy} from '@angular/common';   @NgModule({   declarations: [AppCmp],   bootstrap: [AppCmp],   impor

问题原因:刷新页面时访问的资源在服务端找不到,因为vue-router设置的路径不是真实存在的路径.如上的404现象,是因为在nginx配置的根目录/Data/app/xqsj_wx/dist下面压根没有loading这个真实资源存在,这些访问资源都是在js里渲染的. 服务端nginx的一开始配置如下(假设域名为:testwx.wangshibo.com):[root@test-huanqiu ~]# cat /Data/app/nginx/conf/vhosts/testwx.wangshib

解决办法原文地址:https://blog.csdn.net/weixin_36185028/article/details/72179568 angularjs支持两种url模式,hash模式和html5模式 默认是hash模式,在hash模式下url中有#,例如:http://localhost:9090/#/cases/all html5模式下url中是没有#的, 如何设置html5模式呢? $locationProvider.html5Mode(true); 这样设置之后url中确实是没

一.通用情况--修改apache配置.htaccess 一般网站报404原因都是找不到资源,是服务器(以Apache为例)报错,Apache自定义了404输出,我们的目的是使用自定义的404.html去替换Apache的输出, 那么就有了下面的代码和过程: 针对Apache服务器:制作一个404页面,页面自己设计即可,命名为notfound.php,上传到网站根目录.打开.htaccess文件,添加代码:ErrorDocument 404 /notfound.php(注意:404和/之间有空格)

1.有些提供web服务的网站,在用户访问一个不存在的网站文件时,会提示404错误,如下所示: 现在要求自定义一个错误页面,也就是出现404错误代码时,跳转到我们自定义的网址上.下面记录下方法: 1.编辑httpd.conf vim /etc/httpd/conf/httpd.conf # Customizable error responses come in three flavors: # ) plain text ) local redirects ) external redirects

方法一:[.htaccess文件配置404] 网上大部分解决办法是:首先你要开启Apache的rewrite_module模块,支持.htaccess,然后在网站根目录建立.htaccess文件(或已存在),加上这句 ErrorDocument 404 /404.html即可.可我试了好几次都无法解决.   方法二:[Apache服务器端完美解决] 在服务配置文件中(/conf/httpd.conf)找到ErrorDocument 404修改为: ErrorDocument 404 http:/

vue单页因微信分享和自动登录需要,对于URL中存在’#’的地址,处理起来比较坑.用history模式就不会存在这样的问题.但是换成history模式,就会有个新的问题,就是页面刷新后,页面就无法显示了(404).对于这个问题,我们只需要在服务器配置如果URL匹配不到任何静态资源,就跳转到默认的index.html. 我这里是针对nginx的配置,总结如下:方案一 (这种方式容易被第三方劫持) location /{ root /data/nginx/html; index index.html

为什么会404NotFound Internet Information Services (IIS) 第一步:安装 IIS UrlRewrite 第二步:配置重写URL规则 在你的网站根目录中创建一个 web.config 文件,内容如下: <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <r

先用命令找到httpd.conf文件在哪 find -name 'httpd.conf' 默认配置文件: vim /etc/httpd/conf/httpd.conf 然后找到项目的路径 <Directory "/var/www/html"> 把里面的AllowOverride None改成AllowOverride All 最后在项目路径里面添加一个.htaccess文件,内容如下 ErrorDocument 404 /404.html 最后再添加一个404.html界面

vue-admin-template (vue-element-admin)是个非常好用的B端UI框架,谁用谁知道! 在使用的过程中,加入权限模块后,刷新后权限控制的页面就默认跳转到404页面了,搞了半天终于解决了,原因是权限控制的路由模块是动态添加进去的,而我的404监听路由是在默认路由里面的,优先级比动态路由要高,所以刷新后默认先被404接管了,改一下,把404监听路由也放到动态路由的末尾就可以了,代码如下: // 404 page must be placed at the end !!!

这里需要用到URL重写工具 --URL Rewrite(默认没有,需要自己下载安装) 如果IIS上默认有安装Web平台安装程序,我们可以使用平台自动安装URL Rewrite重写工具,打开IIS在管理器主页中找到管理项,打开Web平台安装程序,如下图: 搜索url---找到url重写工具进行添加--安装(我的这个已安装) 安装完成之后就可以在主页找到url重写了 对当前项目进行url重写---添加规则--空白规则 进行规则编辑 完成后.点击右侧 应用--返回规则 再次浏览可以刷新了

原因:NG2+ 会默认不显示URL后面的文件名 解决方案:使用LocationStrategy方式,然后把URL后的# 替换成index.html# app.module.ts import {HashLocationStrategy , LocationStrategy} from '@angular/common'; @NgModule({ imports: [ ], declarations: [ AppComponent, ], providers: [{provide: Locatio

开启HTML5 History Mode后,尤其需要server端的支持,官方文档里就有介绍:(传送门: https://router.vuejs.org/zh-cn/essentials/history-mode.html) [root@test-huanqiu ~]# cat /Data/app/nginx/conf/vhosts/testwx.wangshibo.com.conf server { listen ; server_name testwx.wangshibo.com; roo