VUE項目打包發佈到tomcat服務器上運行

1、項目打包路徑配置

將絕對路徑改爲相對路徑

目標文件：項目目錄 > config文件夾 > index.js

assetsPublicPath:'/' 改爲：assetsPublicPath:'./'   （加一個點變爲相對路徑）

 2、配置背景圖片等靜態文件打包路徑

打包後的css文件夾內app.css文件訪問static/img/’圖片名’路徑錯誤訪問不到圖片，在build文件內utils.js中配置路徑。

目標文件：項目目錄 > build文件夾 >utils.js

在圖中所示位置添加代碼

publicPath:'../../',

3、在命令行中用npm run build 進行打包。

npm run build

生成dist文件

 

4、發佈到服務器

將dist文件夾放到tomcat服務器webapps下：

訪問dist問價夾下的index.html文件。

 

如果對你有用的話，幫忙點個贊哦 ~😁