vue打包整合到springboot中

1.修改vuejs的config/index.js,在裡面找到assetspublicpath，改為/,記住，是build:{}這裡的，不是上面dev:{}的

build: {

// template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// paths
assetsroot: path.resolve(__dirname, '../dist'),
assetssubdirectory: 'static',
assetspublicpath: '/',

3.新增pom

org.springframework.boot

spring-boot-starter-thymeleaf

#訪問靜態資源

server.resources.static-locations=classpath:/resources/,classpath:/static/
spring.thymeleaf.prefix=classpath:/static

vue打包部署到docker

npm run build 打包vue專案 啟動 docker 將dist目錄通過winscp等方式拷貝到linux伺服器上，同目錄下新建dockerfile dockerfile maintainer 為名字 copy dist home myhtml front 當前目錄的dist資料夾複製到容...

Vue專案打包到django部署

vue專案一般用於實現前端的單頁面富應用，其打包後的檔案可簡單看作靜態檔案，所以可以通過nginx部署，當然也可以通過django部署 畢竟本質上還是乙個html檔案及各css,js檔案的集合 不過前後端的耦合性以及效能就比nginx動靜分離的差一點。但平時開發的時候可以這樣部署，十分方便快捷。測試...

vue專案整合到springboot方法

其實方法很簡單的，比直接放到tomacat時需要改動assetspublicpath還簡單。直接打包，把dist目錄下內容全部拷貝到springboot工程目錄下的main resources static目錄下 我這裡是thymeleaf，使用的是templates下的模板 controller ...