vue3.0項目部署到tomcat服務器

1、問題描述

用vue-cli 3.0搭建的vue項目，在使用命令 npm run buid 打包，部署到linux服務器以後，訪問該網站根目錄第一次默認進入index界面，可是再次刷新出現404錯誤。

 

2、問題分析

實際上第一次輸入的地址是根目錄，服務器自動去尋找了index.html頁面。也就是直接訪問index.html頁面是能夠的，可是vue項目的路由不起做用（在瀏覽器地址欄直接輸入index.html發現能夠訪問）。

 

3、解決方法

使用vue-cli 3.0建立的vue項目和2.0版本相比，目錄結構並不相同，少了不少配置的文件。

vue-cli 3.0 能夠在項目的根目錄下新建一個 vue.config.js 文件，以前繁瑣的配置均可以在這裏直接配置。

參考官方文檔：https://cli.vuejs.org/zh/config/#vue-config-js

 

 

官方文檔地址：https://router.vuejs.org/zh/guide/essentials/history-mode.html

 

參考：

• vue項目部署上線遇到的問題及解決方法
• vue cli3項目部署到Tomcat服務器上