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

iview admin 发布到IIS的更多相关文章

  1. 将asp.net core站点发布到IIS上遇到的问题

    今天第一次将整个 asp.net core 站点发布到 IIS 上,以前都是发布到 Linux 服务器上. 开始使用 dotnet publish -c release 命令发布,用浏览器访问站点时出 ...

  2. SlickUpload 发布到IIS后报错

    开发时候采用slickupload控件都没问题,项目发布到IIS时发生了错误: Could not contact SlickUpload request progress handler at /S ...

  3. 本地MVC项目发布到IIS服务器

    0瞎扯 朋友们有时候我们写个一个web程序只能使用卡西尼服务器调试,下面我教大家发布到IIS服务器上(包括本地ISS7.5和远程服务器 IIS) 1.VS发布 a.点击web项目->发布

  4. [转]关于vs调试正确。但是发布到iis就出现无法访问后天局面

    最近使用extjs+ashx进行ajax请求过程操作的时候发现一个问题..当我把程序发布到iis的时候就出现一只不执行到success回调函数. 当弹出状态值一看尽然是500.我就纳闷了.又没有语法错 ...

  5. Mvc网站发布到IIS

    网站发布步骤: 这部分是转载文章 在此标明出处,以前有文章是转的没标明的请谅解,因为有些已经无法找到出处,或者与其它原因. 如有冒犯请联系本人,或删除,或标明出处. 因为好的文章,以前只想收藏,但连接 ...

  6. asp.net发布到IIS中出现错误:处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler”

    asp.net发布到IIS中出现错误:处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler” http:// ...

  7. 微信支付v3发布到iis时的证书问题(转)

    本文纯粹转载(原地址:微信支付v3发布到iis时的证书问题 ) 一开始报“出现了内部错误” 解决方法是 方法一 var cer = new X509Certificate(certpath, pass ...

  8. ASP.NET Web API与Rest web api:发布到IIS(二)(同发布.NET webservice)

    本文档大部分来源于:http://www.cnblogs.com/zqzjs/p/4705994.html 工具VS2010,window环境win7 一:Webservice的创建与方法查看调用 1 ...

  9. 发布在IIS上的Web程序,调用服务器的COM组件

    场景大致是这样的,在工厂中分布着许多的PDA点,这些PDA点都要进行实时的扫描--打印操作.实现方法是采用网络打印机,然后服务器安装驱动,管理着所有的打印机.然后服务器,发布一个WebService, ...

随机推荐

  1. python-day63--前端

    一. 响应式介绍 - 响应式布局是什么? 同一个网页在不同的终端上呈现不同的布局等 - 响应式怎么实现的? 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 - 缺 ...

  2. java容器——Collection接口

    Collection是Set,List接口的父类接口,用于存储集合类型的数据. 2.方法 int size():返回集合的长度 void clear():清除集合里的所有元素,将集合长度变为0 Ite ...

  3. spring--mvc添加用户及用户头像上传

    spring--mvc添加用户及用户头像上传 添加用户步骤: 1.用ajax获取省份信息 2.添加用户 代码:register.jsp <meta http-equiv="Conten ...

  4. List原理

    ArrayList: ArrayList是一个可变数组实现,实现了List接口的所有方法,并允许存取null值.ArrayList基本上等同与Vector,但它只对writeObject()和read ...

  5. CSS3动画和JS动画的比较

    前言 之前有被问到一个问题,css3动画和js动画性能谁更好,为什么.据我的经验,当然觉得css3动画性能更好,至于为什么一时还真答不上来,所以特意查了一下资料总结一波. JS动画 优点: js动画控 ...

  6. python学习笔记(七)---编辑器pycharm的安装

    百度经验网址: https://jingyan.baidu.com/article/0f5fb0993624176d8234ea6c.html 其中 添加 “0.0.0.0 account.jetbr ...

  7. PHP中输出本地时间

    <?php header("Content-Type:text/html;charset=utf-8"); // 输出日 echo date("l") . ...

  8. node.js express 4.x 安装指南 (找了很久呀,痛苦之路)

    问题出现这,版本的问题,还有express4.0以上的版本启动node app.js指令的变更,蛋疼.参考这个

  9. 离线部署 Cloudera Manager 5 和 CDH 5.12.1 及使用 CDH 部署 Hadoop 集群服务

    Cloudera Manager Cloudera Manager 分为两个部分:CDH和CM. CDH是Cloudera Distribution Hadoop的简称,顾名思义,就是cloudera ...

  10. C++虚析构函数的作用

    注:本文内容来源于zhice163博文,感谢作者的整理. 1.为什么基类的析构函数是虚函数? 在实现多态时,当用基类操作派生类,在析构时防止只析构基类而不析构派生类的状况发生. 下面转自网络:源地址  ...