一、配置vue打包参数
假设springboot的context-path为/ ,即根路径,那么我需要为静态资源分配一个路由,这里以pages为例,前端vue.config.js配置如下:
publicPath: '/pages/',
outputDir: 'dist',
assetsDir: 'static',
二、springboot系列配置与处理
将context-path配置为根路径/,并设置shiro等权限框架对pages权限拦截的忽略,基于diboot低代码开发平台的项目配置如下:
server.servlet.context-path=/ diboot.iam.anon-urls=/pages/**
- 将前端打包好的dist中的文件夹和文件都放到 springboot项目的 resource/static/pages 目录下,如下:
- 访问 localhsot:8080/pages/index.html 即可成功
三、访问路径优化:
上述方案每次必须访问pages的路由才可以访问到,那么我们是否可以重定向到这里呢,是可以的。
添加以下controller代码,可从根路径自动重定向到上述路径:
@RestController public class RootRedirectController { @GetMapping("/") public void redirect(HttpServletResponse response) throws Exception { response.sendRedirect("/pages/index.html"); } }
添加权限框架对根路径忽略权限检查,基于diboot低代码开发平台的项目配置如下:
diboot.iam.anon-urls=/,/pages/**
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。