82.|82. hash 改成 history 模式
- hash模式在请求的时候,其实只是#前面的部分在起作用;根路径是不变的
- history模式在请求的时候,是全部的路径在起作用;根路径和 router 的路径有关;
hash 改成 history 模式:
- 修改 router 模式
const router = new VueRouter({
mode: "history",
base: process.env.BASE_URL,
routes
});
- 修改 vue.config.js (请求的时候出现路径不对的问题,一般是嵌套路由会出现父路径出现在资源的请求前面,所以导致资源请求路径不正确报错,这里要使用根路径)
const baseUrl = process.env.NODE_ENV === "production" ? "/project/" : "/";
// publicPath 指项目中引用css,js,img等资源时候的一个基础路径
publicPath: baseUrl
- 修改 index.html
// 根据绝对路径去读取文件
【82.|82. hash 改成 history 模式】Tips: BASE_URL 对应的是 publicPath
推荐阅读
- HashMap&ConcurrentHashMap&HashTable
- HashMap负载因子
- (数据结构入门)2018-06-23
- 论文查重python文本相似性计算simhash源码
- hashcode详解
- Java8|Java8 中的 HashMap 和 ConcurrentHashMap 全解析
- HashMap源码详解一篇就够
- JAVA常见的技术面试问题(3)
- ConcurrentHashMap的实现原理(JDK1.7和JDK1.8)
- vue-router|vue-router 由hash更换为history模式