公司項目打算作先後端分離,選型最後選了vue+webapi的模式。因而在網上找到了iview及iview admin 這個後臺管理模板,裏面東西很完善。有這麼好的東西,並且MIT協議,項目自己也比較簡單,固然拿來借用了。地址以下:html
iView Admin GitHub:https://github.com/iview/iview-admin; vue
由於以前看過vue能夠發佈到iis或者tomcat上,因此也沒提早進行過嘗試。今天打算把已經初具雛形的項目,發佈出來,你們看看,缺遇到的坑。。webpack
其坑有3:git
一、模板對vue的官方的config文件進行了改動,刪掉了config文件夾,因此若是隻是百度而後參照其餘vue項目的發佈過程,會發現根本找不到對應的config文件等問題。且結構也有些許的不一樣,若是對vue的配置文件不是很清楚的,會有點蒙,好比說我。。github
二、生成index.html文件的位置,不正確,須要進行調整。web
三、static文件並無發佈到dist文件夾中,且template中的index模板,須要與index.html文件同步。後端
下面就開始趟坑了:api
path: path.resolve(__dirname, '../dist')
:將多餘的dist目錄去除。publicPath: './', // 修改 https://iv...admin 這部分爲你的服務器域名:
目的:將靜態資源目錄改成當前目錄filename: './index.html',
目的:應對上面改動移動入口html 使得入口內引用正確最後感謝其餘高人的分享,文中不少內容都是來源於此:https://blog.csdn.net/qq_36040161/article/details/79615358tomcat