82.|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
// 根据绝对路径去读取文件

【82.|82. hash 改成 history 模式】Tips: BASE_URL 对应的是 publicPath

    推荐阅读