-
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
// 根据绝对路径去读取文件
<script src="<%= BASE_URL %>static/lib/minemap-service.js"></script>
Tips: BASE_URL 对应的是 publicPath
网友评论