404页面

HTML5 History 模式 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 const router = new VueRouter({ mode: 'history', routes: [...] }) 当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id ，也好看！ 不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。 所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。 # 后端配置例子 # Apache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$

之前我们介绍了tornado 的基础流程，但是还遗留了一些问题，今天我们就来解决这些遗留问题并学习新的内容 settings，使用tornado.web.Application(handler, **settings),我们却不知道这个settings到底是什么，究竟有什么作用，今天就来介绍一下。 settings是一个字典，主要保存一些配置选项 debug 设置tornado是否在调试模式下，默认为False，即在生产模式下。 debug设置为True的生活，具有如下特点： 　　　　自动重启，tornado应用会监控源代码文件，当有保存改动时便会自动重启服务器，类似于Django，可以减少手动重启的次数，提高开发效率，如果保存代码后有错误会导致重启失败，修改错误需要手动重启，可以通过autoreload = True设置 　　　 取消缓存编译的模板：有时候我们明明修改了模板文件，但是页面显示的内容并没有变化，就是因为用的还是缓存文件。因此debug = True，可以保证每次加载的模板文件都是最新的，也可以通过compiled_template_cache=False单独设置，表示不使用已经编译好的模板缓存 　　　 取消缓存静态文件的hash值：这和取消编译模板是类似的，有时候我们修改css，但是页面颜色或者字体并没有发生变化。 有了debug=True