关于vue.js:Vue项目发布到springboot中的系列配置

85次阅读

共计 755 个字符,预计需要花费 2 分钟才能阅读完成。

一、配置 vue 打包参数

假如 springboot 的 context-path 为 /,即根门路,那么我须要为动态资源分配一个路由,这里以 pages 为例,前端 vue.config.js 配置如下:

  publicPath: '/pages/',
  outputDir: 'dist',
  assetsDir: 'static',

二、springboot 系列配置与解决

  1. 将 context-path 配置为根门路 /,并设置 shiro 等权限框架对 pages 权限拦挡的疏忽,基于 diboot 低代码开发平台的我的项目配置如下:

    server.servlet.context-path=/
    diboot.iam.anon-urls=/pages/**
  2. 将前端打包好的 dist 中的文件夹和文件都放到 springboot 我的项目的 resource/static/pages 目录下,如下:
  3. 拜访 localhsot:8080/pages/index.html 即可胜利

三、拜访门路优化:

上述计划每次必须拜访 pages 的路由才能够拜访到,那么咱们是否能够重定向到这里呢,是能够的。

  1. 增加以下 controller 代码,可从根门路主动重定向到上述门路:

    @RestController
    public class RootRedirectController {@GetMapping("/")
     public void redirect(HttpServletResponse response) throws Exception {response.sendRedirect("/pages/index.html");
     }
    }
  2. 增加权限框架对根门路疏忽权限查看,基于 diboot 低代码开发平台的我的项目配置如下:

    diboot.iam.anon-urls=/,/pages/**

diboot 简略高效的低代码开发框架

正文完
 0