• VUE--- browserHistory 和 hashHistory。


    前端路由使用的是 vue-router,所以你可以选择两种方式:browserHistory和 hashHistory

    两者的区别简单来说是对路由方式的处理不一样,hashHistory 是以 # 后面的路径进行处理,通过 HTML 5 History 进行前端路由管理,而 browserHistory 则是类似我们通常的页面访问路径,并没有 #,但要通过服务端的配置,能够访问指定的 url 都定向到当前页面,从而能够进行前端的路由管理。

    本项目默认使用的是 hashHistory ,所以如果你的 url 里有 #,想去掉的话,需要切换为 browserHistory。 修改 src/router/index.js 中的 mode 即可

    export default new Router({
      // mode: 'history', //后端支持可开
    })

    如果你使用的是静态站点,那么使用 browserHistory 可能会无法访问你的应用,因为假设你访问 http://localhost:9527/dashboard,那么其实你的静态服务器并没有能够映射的文件,而使用 hashHistory 则不会有这个问题,因为它的页面路径是以 # 开始的,所有访问都在前端完成,如:http://localhost:9527/#/dashboard/

    不过如果你有对应的后台服务器,那么我们推荐采用 browserHistory,只需要在服务端做一个映射,比如:

    Apache

    <IfModule mod_rewrite.c>
      RewriteEngine On
      RewriteBase /
      RewriteRule ^index.html$ - [L]
      RewriteCond %{REQUEST_FILENAME} !-f
      RewriteCond %{REQUEST_FILENAME} !-d
      RewriteRule . /index.html [L]
    </IfModule>

    nginx

    location / {
      try_files $uri $uri/ /index.html;
    }
    

    更多配置请查看 vue-router 文档

    爱生活、爱编程!
  • 相关阅读:
    理解Angular中的$apply()以及$digest()
    google书签找回
    地址
    c# mvc 封装返回对象
    C#设计模式总结
    EntityFramework.Extended 对EF进行扩展
    C#进阶系列——WebApi 路由机制剖析:你准备好了吗?
    C#进阶系列——WebApi 跨域问题解决方案:CORS
    VS插件File Nesting
    c# implicit explicit关键字(隐式和显式数据类型转换)
  • 原文地址:https://www.cnblogs.com/liliuyu/p/11749531.html
Copyright © 2020-2023  润新知