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 相关文章推荐
强制设为首页代码
Jun 19 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
Jan 22 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
JS判断客户端是手机还是PC的2个代码
Apr 12 Javascript
在JavaScript中构建ArrayList示例代码
Sep 17 Javascript
微信小程序 css使用技巧总结
Jan 09 Javascript
Node.js连接MongoDB数据库产生的问题
Feb 08 Javascript
Vue2.x中的Render函数详解
May 30 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
Angular2+如何去除url中的#号详解
Dec 20 Javascript
Javascript Promise用法详解
May 10 Javascript
JavaScript阻止事件冒泡的方法
Dec 06 Javascript
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
打造计数器DIY三步曲(上)
2006/10/09 PHP
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
PHP闭包实例解析
2014/09/08 PHP
php导出CSV抽象类实例
2014/09/24 PHP
PHP实现懒加载的方法
2015/03/07 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
2014/01/23 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
vue.js绑定class和style样式(6)
2016/12/09 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
vue中的数据绑定原理的实现
2018/07/02 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
详解使用angular框架离线你的应用(pwa指南)
2019/01/31 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
Django RBAC权限管理设计过程详解
2019/08/06 Python
python利用7z批量解压rar的实现
2019/08/07 Python
PyQt5通信机制 信号与槽详解
2019/08/07 Python
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
实习自我鉴定范文
2013/10/30 职场文书
股东协议书范本
2014/04/14 职场文书
我爱我家教学反思
2014/05/01 职场文书
测控技术自荐信
2014/06/05 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
公务员年度个人总结
2015/02/12 职场文书
写作指导:怎么书写竞聘演讲稿?
2019/07/04 职场文书
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript
tomcat的catalina.out日志按自定义时间格式进行分割的操作方法
2022/04/02 Servers
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server