Vue項目發(fā)布到springboot中的系列配置

一、配置vue打包參數(shù)

假設(shè)springboot的context-path為/ ,即根路徑,那么我需要為靜態(tài)資源分配一個路由,這里以pages為例,前端vue.config.js配置如下:

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

二、springboot系列配置與處理

  1. 將context-path配置為根路徑/,并設(shè)置shiro等權(quán)限框架對pages權(quán)限攔截的忽略,基于diboot低代碼開發(fā)平臺的項目配置如下:
server.servlet.context-path=/
diboot.iam.anon-urls=/pages/**
  1. 將前端打包好的dist中的文件夾和文件都放到 springboot項目的 resource/static/pages 目錄下,如下:


    image.png
  2. 訪問 localhsot:8080/pages/index.html 即可成功

三、訪問路徑優(yōu)化:

上述方案每次必須訪問pages的路由才可以訪問到,那么我們是否可以重定向到這里呢,是可以的。

  1. 添加以下controller代碼,可從根路徑自動重定向到上述路徑:
@RestController
public class RootRedirectController {

    @GetMapping("/")
    public void redirect(HttpServletResponse response) throws Exception {
        response.sendRedirect("/pages/index.html");
    }
}
  1. 添加權(quán)限框架對根路徑忽略權(quán)限檢查,基于diboot低代碼開發(fā)平臺的項目配置如下:
diboot.iam.anon-urls=/,/pages/**
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容