若依VUE前端打包,nginx非根目录404解决

源码修改部分

1.退出登录(不然退出的时候会404):Navbar.vue:112行

this.$store.dispatch('LogOut').then(() => {
    // 退出登录问题
    // location.href = '/index'
    this.$router.push(`/login?redirect=${this.$route.fullPath}`)
})

2.路由部分(不然【点击/刷新】菜单的时候会404)router/index.vue:168行

// nginx 非根目录需要加base,不然到时候路由进不去
export default new Router({
  mode: 'history', // 去掉url中的#
  scrollBehavior: () => ({ y: 0 }),
  base: "你自己的目录名",
  routes: constantRoutes
})

 3.vue配置文件部分 vue.config.js:21行

 publicPath: process.env.NODE_ENV === "production" ? "/你自己的目录名" : "/",

4.重新登录 request.js:91行

store.dispatch('LogOut').then(() => {
            // 如果是登录页面不需要重新加载
            if (window.location.hash.indexOf("#/login") !== 0) {
              // location.href = '/index';
              this.$router.push(`/login?redirect=${this.$route.fullPath}`)
            }
          })

nginx配置部分

location /目录名 {
            alias  /home/service/nginx/html/目录名;
		    try_files $uri $uri/ /目录名/index.html;
            index index.html index.htm;
        }

  • 7
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 14
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值