Vue前端项目部署IIS的实现


Posted in Javascript onJanuary 06, 2020

背景:最近用vue写了个demo(不涉及调用后台数据),为了给销售团队更好的给客户讲述产品的一些特点及大体的感官认识。需要将自己做的项目安装到他们的笔记本上面去,作为一个销售人员来说,他不会知道例如vue中的npm run dev/serve等命令,电脑中也没有相应的运行环境,这时候就需要用到windows本身自带的IIS服务,将本地开发的项目放到这个服务器上面去,这样就解决了这个场景的问题。

具体的实施步骤如下(以win10为例)

1、win+r打开cmd命令窗口,输入control打开控制面板,选择程序-->启用或关闭windows功能

Vue前端项目部署IIS的实现

2、选中ISS服务,为了不产生一些问题,点击每个加号选中下面所有选项

Vue前端项目部署IIS的实现

3、然后点击确定,开始安装所需要的东西,过程需要一点时间,请耐心等待,如果出现如下所示的问题

Vue前端项目部署IIS的实现

需修改注册表,HKEY_LOCAL_MACHINE/SOFTWARE/Policies/Microsoft/Windows/WindowsUpdate/AU,其中UseWUServer默认值为1,改成0;重启计算机,重复步骤1-3,即可安装成功

Vue前端项目部署IIS的实现

4、打开控制面板,调整为图标状态,打开管理工具

Vue前端项目部署IIS的实现

5、找到刚添加ISS服务并进行相关配置

Vue前端项目部署IIS的实现

6、右键网站-->添加网站,并进行相应的配置

Vue前端项目部署IIS的实现

7、物理路径为vue项目打好包(npm run build及其他打包的版本)所存放的目录,主机名无需填写,之后点确定即可启动,为防止端口名冲突,可设置为例如8082等

Vue前端项目部署IIS的实现

8、启动后点击浏览即可在浏览器中预览自己部署的项目了,至此本机ISS部署vue项目完成

Vue前端项目部署IIS的实现

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery select操作控制方法小结
May 26 Javascript
HTML5之lang属性与dir属性的详解
Jun 19 Javascript
使用jQuery制作浮动工具栏的实例分享
May 13 Javascript
vue.js实现表格合并示例代码
Nov 30 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
Feb 19 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
Vue动态路由缓存不相互影响的解决办法
Feb 19 Javascript
详解使用React制作一个模态框
Mar 14 Javascript
解决layer.confirm快速点击会重复触发事件的问题
Sep 23 Javascript
vue实现Toast组件轻提示
Apr 10 Vue.js
Vue学习之常用指令实例详解
Jan 06 #Javascript
Vue学习之组件用法实例详解
Jan 06 #Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 #Javascript
Vue学习之axios的使用方法实例分析
Jan 06 #Javascript
vue 微信扫码登录(自定义样式)
Jan 06 #Javascript
React学习之JSX与react事件实例分析
Jan 06 #Javascript
vue学习之Vue-Router用法实例分析
Jan 06 #Javascript
You might like
PHP静态类
2006/11/25 PHP
php 文件夹删除、php清除缓存程序
2009/08/25 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
php生成固定长度纯数字编码的方法
2015/07/09 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
Yii+MYSQL锁表防止并发情况下重复数据的方法
2016/07/14 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
CL vs ForZe BO5 第三场 2.13
2021/03/10 DOTA
一个用js实现的页内搜索代码
2007/05/23 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
javascript三种代码注释方法
2016/06/02 Javascript
js仿微信语音播放实现思路
2016/12/12 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
2017/09/15 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
Javascript异步执行不按顺序解决方案
2020/04/30 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
2020/09/04 Javascript
js实现删除json中指定的元素
2020/09/22 Javascript
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
python爬虫 使用真实浏览器打开网页的两种方法总结
2018/04/21 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
Django 请求Request的具体使用方法
2019/11/11 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
经典而简洁的婚礼主持词
2014/03/13 职场文书
经典促销广告词大全
2014/03/19 职场文书
绘画专业自荐信
2014/07/04 职场文书
ktv好的活动方案
2014/08/17 职场文书
乡党政领导班子群众路线教育实践活动个人对照检查材料
2014/09/20 职场文书
辞职信怎么写
2015/02/27 职场文书
出纳试用期工作总结2015
2015/05/28 职场文书
python tkinter实现定时关机
2021/04/21 Python