第四天

2019-11-20  本文已影响0人  流觞小菜鸟

1、vue-router实现原理?

1.hash    url后面会有#号   通过window.onhashchange方法来操作路由变化和切换内容。

2.history  它有两个API pushState、replaceState,这两个API可以改变路由变化 并不会向服务器发送请求,所以刷新页面还是会发送请求,如果匹配不到,会404找不到页面。

2.(1)解决404?

当它向服务器发送请求时  如果匹配不到静态资源   那么就返回index.html,也就是你app依赖的这个页面。

2、Vue响应式原理?

当vue创建实例时,会遍历data选项的属性,用object.defineproperty()将他们转化为getter/setter,当setter被访问和修改时通知变化,当setter被调用时,通知watcher重新计算,从而使组件更新。

3、SPA路由为history刷新404,为什么?如何解决(说出一种服务器下的配置方法即可)?

1、为什么刷新会出现404?

因为我们的应用是单页客户端应用,当使用 history 模式时,URL 就像正常的 url,可以直接访问http://www.xxx.com/user/id,但是因为vue-router设置的路径不是真实存在的路径,所以刷新就会返回404错误

2、解决方法?

我们只需要在服务器配置如果URL匹配不到任何静态资源,就跳转到默认的index.html。 

上一篇下一篇

猜你喜欢

热点阅读