首页vue-router中的hash和history

vue-router中的hash和history

时间: 2023-04-24 11:01:13 浏览: 151

vue-router-plugin:借助vue-cli和vue的插件功能，实现vue-router的简单功能（包含history和hash路由）主要目的是为了熟悉主流的这两种方式的实现方式，代码示例中有由浅入深的代码，从单纯的history和hash实现动态路由到添加vue的实现，再到混合在一起使用vue.use 将其包装为一个插件，并上传npm官网

vue-router-plugin A Vue pulgin to vueRouter 使用说明小编借助vue-cli和vue的插件功能，实现vue-router的简单功能（包含history和hash路由）主要目的是为了熟悉主流的这两种方式的实现方式，代码示例中有由浅入深的代码，从单纯的history和hash实现动态路由到添加vue的实现，再到混合在一起使用vue.use 将其包装为一个插件，并上传npm官网 public目录中为history和hash由浅入深的实现使用方法 import vueRouterPlugin from 'vue-router-plugin' // 路由参数 import routerOptions from './router/index' // 通过use挂载 Vue.use(vueRouterPlugin,routerOptions) ./rout

vue-router中的hash模式和history模式是两种不同的路由模式。 hash模式会在URL中添加一个#号，例如http://example.com/#/about。这种模式在不支持HTML5 History API的浏览器中可以正常工作。 history模式会把URL变成真实的路径，例如http://example.com/about。这种模式需要服务端的配合，因为所有的路由请求都会被代理到同一个HTML文件上。默认情况下，vue-router使用hash模式。但可以通过配置来改变它的行为。

阅读全文