若依框架二级域名部署，及刷新之后404处理

最新推荐文章于 2024-05-16 00:21:48 发布

RoronoaV587

最新推荐文章于 2024-05-16 00:21:48 发布

阅读量2.5k

点赞数 7

分类专栏：学习文章标签： nginx 前端前端框架 Powered by 金山文档

本文链接：https://blog.csdn.net/morecccc/article/details/129179670

版权

学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

第一步先修改程序

修改vue.config.js，改为二级域名例：admin


//publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
publicPath: process.env.NODE_ENV === "production" ? "/admin/" : "/admin/",

修改router/index.js，添加 base:"admin"

export default new Router({
  mode: 'history', // 去掉url中的#
  scrollBehavior: () => ({ y: 0 }),
  base: "admin",
  routes: constantRoutes
})

修改layout/components/Navbar.vue,修改退出操作

        this.$store.dispatch('LogOut').then(() => {
          // location.href = '/index';
          this.$router.push(`/login?redirect=${this.$route.fullPath}`)
        })

改完这三处代码修改完成

第二步，nginx部署这里是最关键的一步

    location /admin/ {
        alias /mydata/docker/trade/trade_mng/admin/;
        try_files $uri $uri/ @dsrouter;
        index  index.html;
   }

    location @dsrouter {
        rewrite ^/(admin)/(.+)$ /$1/index.html last;
    }

重载nginx

nginx -s reload

这里所有的配置就结束了，最关键的点就是 @dsrouter 重定向处理

网上的一些资料真实离大谱，根本不管有没有效就乱粘贴代码，搞得非常费劲

这里做一下总结，关键点就是在router的配置一级域名和二级域名是有区别的，对比如下

    #一级域名
    location @router {
        rewrite ^.*$ /index.html last;
    }

    #二级域名
    location @dsrouter {
        rewrite ^/(admin)/(.+)$ /$1/index.html last;
    }