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

相关文章
相关标签/搜索