iview admin 發佈到IIS

公司項目打算作先後端分離,選型最後選了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

  1. 修改webpack.base.config.js 文件:
    1. 將17行修改成: path: path.resolve(__dirname, '../dist'):將多餘的dist目錄去除。
  2. 修改webpack.prod.config.js
    1. 將21行改成publicPath: './', // 修改 https://iv...admin 這部分爲你的服務器域名:目的:將靜態資源目錄改成當前目錄
    2. 將80行改成filename: './index.html',目的:應對上面改動移動入口html 使得入口內引用正確
    3. 修改78行的title,改爲本身的項目名稱
  3. 根據webpack.prod.config.js 81行,能夠看出來發佈的index的模板路徑是指向./src/template/index.ejs這個文件的,若是咱們在項目中,對Index.html作了一些修改,那就可能無效了,因此須要將這些修改同步到index.ejs上。
  4. 而後就是static文件夾,樓主沒作研究,直接把static文件夾,丟到dist文件夾內,和index.html同級,就搞定了。

最後感謝其餘高人的分享,文中不少內容都是來源於此:https://blog.csdn.net/qq_36040161/article/details/79615358tomcat

相關文章
相關標籤/搜索