公司项目打算做前后端分离，选型最后选了vue+webapi的模式。于是在网上找到了iview及iview admin 这个后台管理模板，里面东西很完善。有这么好的东西，而且MIT协议，项目本身也比较简单，当然拿来借用了。地址如下：

iView Admin GitHub：https://github.com/iview/iview-admin;

因为之前看过vue可以发布到iis或者tomcat上，所以也没提前进行过尝试。今天打算把已经初具雏形的项目，发布出来，大家看看，缺遇到的坑。。

其坑有3：

　　1、模板对vue的官方的config文件进行了改动，删掉了config文件夹，所以如果只是百度然后参照其他vue项目的发布过程，会发现根本找不到对应的config文件等问题。且结构也有些许的不同，如果对vue的配置文件不是很清楚的，会有点蒙，比如说我。。

　　2、生成index.html文件的位置，不正确，需要进行调整。

　　3、static文件并没有发布到dist文件夹中，且template中的index模板，需要与index.html文件同步。

　　下面就开始趟坑了：

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/79615358