82. hash 改成 history 模式

  1. hash模式在请求的时候,其实只是#前面的部分在起作用;根路径是不变的

  2. history模式在请求的时候,是全部的路径在起作用;根路径和 router 的路径有关;
    hash 改成 history 模式:

  3. 修改 router 模式

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes
});
  1. 修改 vue.config.js (请求的时候出现路径不对的问题,一般是嵌套路由会出现父路径出现在资源的请求前面,所以导致资源请求路径不正确报错,这里要使用根路径)
const baseUrl = process.env.NODE_ENV === "production" ? "/project/" : "/";
// publicPath 指项目中引用css,js,img等资源时候的一个基础路径
publicPath: baseUrl 
  1. 修改 index.html
// 根据绝对路径去读取文件

Tips: BASE_URL 对应的是 publicPath

你可能感兴趣的:(82. hash 改成 history 模式)