iview admin 发布到IIS

公司项目打算做前后端分离,选型最后选了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

猜你喜欢

转载自www.cnblogs.com/answerme/p/9299804.html
今日推荐