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文件同步。
下面就开始趟坑了:
- 修改webpack.base.config.js 文件:
- 将17行修改为:
path: path.resolve(__dirname, '../dist'):将多余的dist目录去除。
- 将17行修改为:
- 修改webpack.prod.config.js
- 将21行改为
publicPath: './', // 修改 https://iv...admin 这部分为你的服务器域名:目的:将静态资源目录改为当前目录
- 将80行改为
filename: './index.html',目的:应对上面改动移动入口html 使得入口内引用正确 - 修改78行的title,改成自己的项目名称

- 将21行改为
- 根据webpack.prod.config.js 81行,可以看出来发布的index的模板路径是指向./src/template/index.ejs这个文件的,如果我们在项目中,对Index.html做了一些修改,那就可能无效了,所以需要将这些修改同步到index.ejs上。

- 然后就是static文件夹,楼主没做研究,直接把static文件夹,丢到dist文件夹内,和index.html同级,就搞定了。
最后感谢其他高人的分享,文中很多内容都是来源于此:https://blog.csdn.net/qq_36040161/article/details/79615358
iview admin 发布到IIS的更多相关文章
- 将asp.net core站点发布到IIS上遇到的问题
今天第一次将整个 asp.net core 站点发布到 IIS 上,以前都是发布到 Linux 服务器上. 开始使用 dotnet publish -c release 命令发布,用浏览器访问站点时出 ...
- SlickUpload 发布到IIS后报错
开发时候采用slickupload控件都没问题,项目发布到IIS时发生了错误: Could not contact SlickUpload request progress handler at /S ...
- 本地MVC项目发布到IIS服务器
0瞎扯 朋友们有时候我们写个一个web程序只能使用卡西尼服务器调试,下面我教大家发布到IIS服务器上(包括本地ISS7.5和远程服务器 IIS) 1.VS发布 a.点击web项目->发布
- [转]关于vs调试正确。但是发布到iis就出现无法访问后天局面
最近使用extjs+ashx进行ajax请求过程操作的时候发现一个问题..当我把程序发布到iis的时候就出现一只不执行到success回调函数. 当弹出状态值一看尽然是500.我就纳闷了.又没有语法错 ...
- Mvc网站发布到IIS
网站发布步骤: 这部分是转载文章 在此标明出处,以前有文章是转的没标明的请谅解,因为有些已经无法找到出处,或者与其它原因. 如有冒犯请联系本人,或删除,或标明出处. 因为好的文章,以前只想收藏,但连接 ...
- asp.net发布到IIS中出现错误:处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler”
asp.net发布到IIS中出现错误:处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler” http:// ...
- 微信支付v3发布到iis时的证书问题(转)
本文纯粹转载(原地址:微信支付v3发布到iis时的证书问题 ) 一开始报“出现了内部错误” 解决方法是 方法一 var cer = new X509Certificate(certpath, pass ...
- ASP.NET Web API与Rest web api:发布到IIS(二)(同发布.NET webservice)
本文档大部分来源于:http://www.cnblogs.com/zqzjs/p/4705994.html 工具VS2010,window环境win7 一:Webservice的创建与方法查看调用 1 ...
- 发布在IIS上的Web程序,调用服务器的COM组件
场景大致是这样的,在工厂中分布着许多的PDA点,这些PDA点都要进行实时的扫描--打印操作.实现方法是采用网络打印机,然后服务器安装驱动,管理着所有的打印机.然后服务器,发布一个WebService, ...
随机推荐
- python-day63--前端
一. 响应式介绍 - 响应式布局是什么? 同一个网页在不同的终端上呈现不同的布局等 - 响应式怎么实现的? 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 - 缺 ...
- java容器——Collection接口
Collection是Set,List接口的父类接口,用于存储集合类型的数据. 2.方法 int size():返回集合的长度 void clear():清除集合里的所有元素,将集合长度变为0 Ite ...
- spring--mvc添加用户及用户头像上传
spring--mvc添加用户及用户头像上传 添加用户步骤: 1.用ajax获取省份信息 2.添加用户 代码:register.jsp <meta http-equiv="Conten ...
- List原理
ArrayList: ArrayList是一个可变数组实现,实现了List接口的所有方法,并允许存取null值.ArrayList基本上等同与Vector,但它只对writeObject()和read ...
- CSS3动画和JS动画的比较
前言 之前有被问到一个问题,css3动画和js动画性能谁更好,为什么.据我的经验,当然觉得css3动画性能更好,至于为什么一时还真答不上来,所以特意查了一下资料总结一波. JS动画 优点: js动画控 ...
- python学习笔记(七)---编辑器pycharm的安装
百度经验网址: https://jingyan.baidu.com/article/0f5fb0993624176d8234ea6c.html 其中 添加 “0.0.0.0 account.jetbr ...
- PHP中输出本地时间
<?php header("Content-Type:text/html;charset=utf-8"); // 输出日 echo date("l") . ...
- node.js express 4.x 安装指南 (找了很久呀,痛苦之路)
问题出现这,版本的问题,还有express4.0以上的版本启动node app.js指令的变更,蛋疼.参考这个
- 离线部署 Cloudera Manager 5 和 CDH 5.12.1 及使用 CDH 部署 Hadoop 集群服务
Cloudera Manager Cloudera Manager 分为两个部分:CDH和CM. CDH是Cloudera Distribution Hadoop的简称,顾名思义,就是cloudera ...
- C++虚析构函数的作用
注:本文内容来源于zhice163博文,感谢作者的整理. 1.为什么基类的析构函数是虚函数? 在实现多态时,当用基类操作派生类,在析构时防止只析构基类而不析构派生类的状况发生. 下面转自网络:源地址 ...