最近在用angular写一个后台的项目,遇到一个小问题. 进入某个路由页面之后,手动触发浏览器的刷新,然后就404了... 翻看Angular的文档,发现Google早已经给我们想到了这个问题的处理方案 那就是Angular的hash风格的url,就是在浏览器的url里面加入一个#号 这样刷新的话,浏览器会忽略url的#号后面的,,等页面价值完成之后,才会再次处理#号. 如果我没记错的话,在非spa网页程序里面#是用于网页锚点处理.但是在spa程序里面,#居然还可以这么用,真是佩服Google工…

如果你的angular项目部署到一个tomcat容器里面,localhost:8080是JavaWeb的主页,localhost:8080/driver/login是你angular2项目的登陆地址.第一遍跳转login页面,显示正常.但如果你刷新login页面,这会报一个404错误.为什么呢,因为你刷新后其实它走的是JavaWeb的路由了,在Java的路由下找不到这个路由地址,所以报错.这算是angular2的一个坑吧,网上搜了一下,发现这个遇到这个错误的人挺多的,但都没有给出解决办法,现把解…

gulp是基于流的前端构件化工具.目前比较火的前端构建化工具还是挺多的,grunt gulp fis3等等. 这个鬼东西有什么用?请参考https://www.zhihu.com/question/35595198 为什么选择gulp,因为使用非常简单,学习成本低.以后想用别的工具再转去学也不难. 一个自动化构建工具都没用过的前端,何以谈人生? 以下是正题: 1.要玩gulp,首先得安装node,因为npm跟随node的包安装管理工具.具体下载直接百度nodejs中文网,根据自身的环境(wind…

一款自动刷新浏览器的小工具,它通过监听用户的按键,如果在键盘按下 Ctrl+S ,则自动刷新浏览器,操作十分简单,前端开发必备神器,快速提升工作效率,支持IE.火狐以及最新版的chrome33.之前我写过的文章<前端开发小工具SuperApp——Ctrl+S自动刷新浏览器>中,分享过 SuperApp 工具,也是有自动刷新浏览器功能,而操作起来相对复杂,LinrF5 是从 SuperApp 提取出来的,更为简单. 询问过作者(vickey)的意见,分享这款优秀的软件给大家,这里特别感谢(vic…

http://9iphp.com/web/html/sublime-text-refresh-browser.html这篇博文咯 来源:[Tips]Sublime Text编辑文件后快速刷新浏览器 - Specs' Blog-就爱PHP 哇 真的很棒,作为常年用sublime的小观众,这绝对是一个良心插件,不对他这个按键要鼠标在浏览器页面上才会刷新…

作为Web开发人员,我们经常会这么做:在编辑器中调整代码,保存文件,切换到浏览器,然后刷新浏览器页面来查看结果.在代码编辑过程中,我们需要重复进行很多次这些操作. 如果你使用的是Sublime Text编辑器的话,你可以跳过其中一些步骤直接在浏览器中查看结果.这篇文章就为大家展示如何通过一个叫做BrowserRefresh-sublime的Sublime Text插件来实现上述功能. Browser Refresh for Sublime Text 首先,我们需要在Sublime Text中安装…

[前言]此处介绍的方法只是我个人的用法,相信大家有更好更简洁的方式. 上次写到利用LiveReload解放F5.而且LiveReload可以编辑sass/less/stylus.但是可惜发现LiveReload在编译的时候不能抛错,这就很麻烦了,少了个标点less编译就不过,查找起来太麻烦. 我目前的解决方法: 利用Less自带的客户端开发模式(development). 在开发的时候less的编译还是利用客户端浏览器,即 <link rel="stylesheet/less"…

用browser-sync或者lite-server来监控文件的改变,当文件改变时,就自动刷新浏览器. 用node-sass来实时编译scss文件. 用parallelshell来异步执行npm script命令. 先安装上述的node工具 npm install browser-sync 一.首先新建npm的package.json package.json一般有如下的结构和选项 { "name": "about", "version": &q…

在学习strut2的时候,发现如果修改配置文件中Action的时候,刷新浏览器并不能加载修改后的Action,只能关闭服务,重新开启server才能获取到,上网找了许多资料后发现只要在配置文件中加上下面一句话就可以了. <constant name="struts.devMode" value="true" /> 这句话的意思是说开启struts的调试模式,这样就不需要关闭server直接刷新浏览器就可以了.…

http://www.tuicool.com/articles/2eaQJn 用Grunt配置watch和liveReload组件,可以实时检测指定的文件变化并自动刷新浏览器.目前基本已经成为了我的必备配置.特别是在写前端页面的时候,不用再频繁去点浏览器刷新按钮.工作的时候把浏览器拖到扩展屏,保存文件实时看到变化,特别提高开发效率. 而且livereload插件非常人性化,在检测到不需要重刷新浏览器运行的文件,例如css文件变化时,直接在页面里重载文件,而不刷新页面.使效果反应非常快捷. 下面是…

问题描述:修改html js py等文件后,自动刷新浏览器,解放F5,提高效率 解决办法:使用gulp,使用bowerSync 关于gulp,可以查看系列教程 关于bowerSync,查看官网 关于结合两者使用,查看教程 简单说一下: 1. install npm 2. install gulp 3. install bowerSync 4. touch gulpfile.js var gulp = require('gulp'); var browserSync = require('brow…

vue-cli3.X 默认配置 比2.X体验好很多,比如路由 如图,本地正常,传到服务器,因为二级目录,刷新就404,或 502等,找不到文件 nginx解决: location /{ error_page /index.html; } 用宝塔工具的同学,直接粘贴进去即可,如下图: 再次刷新线上/home,已正常访问了 .…

概述 之前用react脚手架,觉得那种修改了能立即自动刷新浏览器并更新的功能实在非常人性化,所以想在开发其它项目的时候能用上.于是查了一些资料记录在此,供以后开发时参考,相信对其他人也有用. 其实代码也挺简单的,只不过我查的时候绕了许多弯路,有人说用--watch啊,有人说webpack-dev-server实时编译后的文件都保存到了内存中,然后blablabla的,最后我却在当初看的入门Webpack,看这篇就够了和webpack快速入门--实战技巧里面找到了. 配置 (1)首先安装依赖. n…

server { listen ;#默认端口是80,如果端口没被占用可以不用修改 server_name localhost; root E:/vue/my_project/dist;#vue项目的打包后的dist location / { try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 index index.html index.htm; } #对应上面的@router,主要原因是路由的路径资源并不是…

jsp关闭或刷新浏览器(解决浏览器不兼容),请求后台  onbeforeunload.onunload 1.看代码: function test(e) { var json = "退出,清理在线人数!"; $.ajax({ type:'post', url:'<%=path%>/api/test', data:{"data":json}, cache:false, dataType:'json', success:function(data){     …

gulp livereload实现sass实时编译及浏览器自动刷新 首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包. 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm init,之后根据操作输入“名字,版本号,描述”等内容,直接按回车则使用默认值,最后根据提示输入YES即可:输完后根目录下多了个package…

转自:https://blog.csdn.net/yuxxz/article/details/51318908 使用IntelliJ IDEA开发Java Web项目时,修改了JSP后刷新浏览器无法及时显示修改后的页面? 解决办法:tomcat配置中,On frame deactivation属性选择Update classes and resources即可.…

antdpro build 后访问路由刷新后 404? 解决方法有三种: 1. 改用 hashHistory,在 .umirc.js或者是config.js 里配 history: 'hash' 2.静态化,在 .umirc.js 里配 exportStatic: true 3.服务端配置路由 fallback 到 index.html…

一.vue 在nginx下页面刷新出现404 在网上翻遍了所有这样问题的解决办法,全都是一个解决办法也是正确的解决办法,(后来在vue官网上关于history方式出现404解决方法也是这样说的),只是没有表达完整,可能会让比较急于解决这个问题的人简单复制却始终解决不了问题 nginx正确的配置: 1.如果是在根目录则配置如下 location / { root  /: index index.html; try_files $uri $uri/ /index.html} 2.如果是有特定目录 l…

原因:造成表单重复提交的原因是当我们刷新浏览器的时候,浏览器会发送上一次提交的请求.由于上一次提交的请求方式为post,刷新浏览器就会重新发送这个post请求,造成表单重复提交. 解决办法: 将请求当前页面的方式由请求转发改为重定向到当前页面即可. 举例: 编写一个处理登录请求的controller,登录成功就转到dashboard.html,登录失败则跳转到登录页面login.html重新登录. 注:dashboard.html和login.htm都是templates包下的. @Contro…

React项目部署中遇到的问题 react开发中react-route使用BrowserRoute路径在iis服务器上刷新时报404的问题 解决:在发布的项目根目录添加web.config配置文件 在配置文件中system.webServer节点中加入 <rewrite>       <rules> <rule name="Rewrite Text Requests" stopProcessing="true"> <matc…

主要是router问题,两个解决方案 一个是修改angular项目的router选项,一个是修改Nginx的route 选项 一般情况下项目部署了,不愿意修改angular项目的router选项,所以 修改nginx 的选项: 第一步 查看nginx的配置文件位置 docker exec -it yourContainerId  /bin/sh # nginx -tnginx: the configuration file /etc/nginx/nginx.conf syntax is okng…

问题:tomcat部署了react前端项目,可以正常访问,但是页面刷新就报404 一.问题截图 二.解决办法 在tomcat 配置文件web.xml中配置如下代码: web.xml 路径: apache-tomcat-8.5\conf\web.xml <error-page> <error-code>404</error-code> <location>/index.html</location> </error-page> 如图:…

解决方法1: app.module.ts文件添加两行代码: import { LocationStrategy, HashLocationStrategy } from '@angular/common'; @NgModule({ providers: [ { provide: LocationStrategy, useClass: HashLocationStrategy }, ] }) 解决方法2: 在springboot项目application中添加 @Component public…

最近在学些node,按照<nodejs实战>上的代码做练习,发现有表单重复提交的问题 第一次打开页面,显示如图是get请求 图1 现在我们提交aaa,显示如图,post请求 图2 刷新页面,应该显示图1的,结果确实下面这张图,post请求.即使是按ctrl+f5刷新没用,浏览器还是重复提交了上次的内容,显示如图 图3 不断的刷就这样了,求教这个是为什么? 图4 node代码如下 var http=require("http"); var qs = require("…

现象: 在浏览器中直接访问www.test.com/api1/login会404.但如果你先访问www.test.com后再点“登录" 跳转到www.test.com/api1/login是正常显示.f5刷新又会出现 404了 这是web单页面开发模式造成的.现在主流的前端框架基本都是单页面的.如:react.vue等. 单页面简单来说就是访问所有资源路径.其实页面内容只有一个(一般是index.html).这个页面中引入的js框架会根据当前访问的url去路由到相应的子页面组件(可以理解为页面片…

官网说明: https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E8%AD%A6%E5%91%8A 在linux下搭建nginx测试网页的时候,正常打开可以访问,当刷新后页面出现404 not found的问题 说明: vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载. 如果不想要很丑的 hash,我们可以用路由的 histo…

点击路由链接跳转页面是正常的,但是当刷新页面时就出现了404错误. 解决方法如下: 在app.module.ts中添加import: import {HashLocationStrategy,LocationStrategy} from '@angular/common'; 并在 providers下添加所引入的服务: providers: [{provide: LocationStrategy,useClass: HashLocationStrategy}] 备注:出现问题的原因:刷新页面时寻…

项目打包以后,上传到服务器,可以正常的切换页面,但是一旦刷新就会报404,找不到页面,其解决方法是:在app.module.ts里面引入下面的模块: import {HashLocationStrategy, LocationStrategy} from "@angular/common"; 在providers数组里面加入: providers: [{ provide:LocationStrategy, useClass:HashLocationStrategy }], 顺便说一下,…

有时候我们会碰到上线的新版本都要刷新一次缓存的问题.那是因为改了JS的内容,但是JSP引用的地方后面的字符串未发生改变导致浏览器读取浏览器缓存而不会重新加载新的JS内容,以下提供两种解决方式: 1.每次上线会更新一个版本号,用版本号作为引用的字符串: <script type="text/javascript" src="${scripts}/specialCustomerCfg${debugMode?'':'.min'}.js?v=${releaseVersion}_…