编程 Javascript

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的实现

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

Vue前端项目部署IIS的实现

- Author -

锦程

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery中关于jquery.js与jquery.min.js的比较探讨

May 15 Javascript

js获取系统的根路径实现介绍

Sep 08 Javascript

jquery 取子节点及当前节点属性值的方法

Aug 24 Javascript

jQuery使用height()获取高度需要注意的地方

Dec 13 Javascript

jQuery中DOM树操作之使用反向插入方法实例分析

Jan 23 Javascript

JS制作简单的三级联动

Mar 18 Javascript

js点击文本框弹出可选择的checkbox复选框

Feb 03 Javascript

d3.js中冷门却实用的内置函数总结

Feb 04 Javascript

JS实现最简单的冒泡排序算法

Feb 15 Javascript

基于Bootstrap的标签页组件及bootstrap-tab使用说明

Jul 25 Javascript

javascript设计模式 ? 命令模式原理与用法实例分析

Apr 20 Javascript

javascript 数组(list)添加/删除的实现

Dec 17 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

ThinkPHP采用原生query实现关联查询left join实例

2014/12/02 PHP

XHProf报告字段含义的解析

2016/05/17 PHP

PHP strcmp()和strcasecmp()的区别实例

2016/11/05 PHP

javascript实现仿银行密码输入框效果的代码

2007/12/13 Javascript

基于jquery的一个图片hover的插件

2010/04/24 Javascript

基于jQuery实现下拉收缩(展开与折叠)特效

2012/12/25 Javascript

js关闭父窗口时关闭子窗口

2013/04/01 Javascript

使用JavaScript 实现各种跨域的方法

2013/05/08 Javascript

jquery easyui滚动条部分设置介绍

2013/09/12 Javascript

js星星评分效果

2014/07/24 Javascript

jQuery插件bgStretcher.js实现全屏背景特效

2015/06/05 Javascript

javascript页面倒计时实例

2015/07/25 Javascript

JavaScript位置与大小（1）之正确理解和运用与尺寸大小相关的DOM属性

2015/12/26 Javascript

canvas红包照片实例分享

2017/02/28 Javascript

vue.js实现回到顶部动画效果

2019/07/31 Javascript

Vue根据条件添加click事件的方式

2019/11/09 Javascript

js闭包的9个使用场景

2020/12/29 Javascript

python基础教程之缩进介绍

2014/08/29 Python

Python操作CouchDB数据库简单示例

2015/03/10 Python

在Python3中使用asyncio库进行快速数据抓取的教程

2015/04/02 Python

安装Python和pygame及相应的环境变量配置(图文教程)

2017/06/04 Python

学习Python3 Dlib19.7进行人脸面部识别

2018/01/24 Python

Python2.7.10以上pip更新及其他包的安装教程

2018/06/12 Python

浅谈tensorflow中张量的提取值和赋值

2020/01/19 Python

python实现图像全景拼接

2020/03/27 Python

互斥锁解决 Python 中多线程共享全局变量的问题(推荐)

2020/09/28 Python

matplotlib绘制多子图共享鼠标光标的方法示例

2021/01/08 Python

＂引用＂与指针的区别是什么

2016/09/07 面试题

职业生涯规划设计步骤

2014/01/12 职场文书

《春天来了》教学反思

2014/04/07 职场文书

关于运动会广播稿300字

2014/10/05 职场文书

介绍信的写法

2015/01/31 职场文书

2016小学新学期寄语

2015/12/04 职场文书

WINDOWS 64位下安装配置mysql8.0.25最详细的教程

2022/03/22 MySQL

搭建Yolov5服务器

2022/04/30 Servers

TypeScript实用技巧 Nominal Typing名义类型详解

2022/09/23 Javascript