1. 程式人生 > >介面開發-靜態檔案訪問

介面開發-靜態檔案訪問

前後端分離的系統,我們前端用的是Vue,執行打包命令,最終生成了dist,包括index.html以及static資料夾,至此前端工作已經結束了。對於專案來說,還沒有,因為需要部署到伺服器上去,不管是選擇nginx,還是整合到介面工程裡,還是釋出到七牛等雲端儲存,都屬於“部署方案”。今天我們只說“整合到介面工程裡”。

 

首先,要明白一件事,前端打包以後的檔案,對於介面工程來說,其屬於“靜態檔案”,那問題很明確了,要解決兩個問題

第一,這個靜態檔案放在哪?

第二,怎麼才能訪問的到?

 

方案如下:

一、把index.html、static資料夾,放到/src/main/resources/public下面

二、修改攔截器(ApiInterceptorConf),把請求指向剛才新增的這個app路徑上去

 

好了,瀏覽器輸入 http://localhost:8080/app/index.html 就可以正常訪問了

(注意:部署到伺服器以後,一般的模式是 http://ip:port/專案名/app/index.html)