Vue 防止连续点击多次路由报错 + 解决项目部署在非根目录路由问题

最新推荐文章于 2024-06-13 14:30:24 发布

陪你去流浪_

最新推荐文章于 2024-06-13 14:30:24 发布

阅读量159

点赞数 1

分类专栏：我的前端生涯文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Jokerxiuka/article/details/138667728

版权

我的前端生涯专栏收录该内容

13 篇文章 1 订阅

订阅专栏

router / index.js

// 防止连续点击多次路由报错
let routerPush = Router.prototype.push;
Router.prototype.push = function push(location) {
  return routerPush.call(this, location).catch((err) => err);
};
//解决项目部署在非根目录路由问题
const base = process.env.NODE_ENV === "production" ? "/configuration/" : "";
export default new Router({
  mode: "history", // 去掉url中的#
  base,
  scrollBehavior: () => ({
    y: 0,
  }),
  routes: constantRoutes,
});

vue.config.js

module.exports = {
  // 部署生产环境和开发环境下的URL。
  // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
  // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
  publicPath: process.env.NODE_ENV === "production" ? "/configuration" : "/",