当前位置: 首页 > Web前端 > vue.js

Vue前端项目部署IIS

时间:2023-04-01 11:50:29 vue.js

背景:最近用Vue写了一个demo(不涉及调用后台数据),为了更好的给客户讲解产品的一些特性和一般感官知识。您需要在他们的笔记本电脑上安装自己的项目。作为业务员,他不会知道vue中的npmrundev/serve等命令,电脑中也没有相应的运行环境。这时候就需要使用windows本身自带的IIS服务,将本地开发的项目放到这台服务器上,就解决了这种场景下的问题。具体实现步骤如下(以win10为例)1.win+r打开cmd命令窗口,输入control打开控制面板,选择程序-->启用或禁用windows功能2.选择ISS服务,为了不出现一些问题,点击每个加号将3下面的所有选项都选中,然后点击确定开始安装需要的东西,这个过程会有点时间,请耐心等待,如果出现以下问题,你需要修改注册表,HKEY_LOCAL_MACHINE/SOFTWARE/Policies/Microsoft/Windows/WindowsUpdate/AU,其中UseWUServer默认值为1,修改为0;重启电脑,重复1-3步,安装成功4.打开控制面板,调成图标状态,打开管理工具5.找到新添加的ISSServe,进行相关配置6.右键-点击网站-->添加网站,进行相应的配置7.物理路径为vue项目打包的目录(npmrunbuild等打包版本),主机名不用填写。然后单击确定开始。为防止端口名冲突,可以设置为8082等。8.启动后,点击浏览,在浏览器中预览你部署的项目。至此本地ISS部署vue项目完成

猜你喜欢