vue项目部署到iis服务器_vue项目部署到IIS服务器上

本文详细介绍了如何将Vue前端项目部署到IIS服务器。首先,需要准备IIS服务器并使用npm run build打包项目。接着,在IIS中添加新网站,设置网站名称、应用程序池、内容目录和端口。若遇到空白页面问题,需在URL中加入文件夹名称。最后,通过服务器IP和端口号访问项目。
摘要由CSDN通过智能技术生成

前端Vue项目需要部署到IIS服务器上:

准备工作:

1:部署IIS服务器

2:项目npm run build打包生成需要部署的文件(dist文件夹)我的是manage文件夹

开始部署:

1:复制文件

把打包好的文件(dist/manage文件夹)拷贝到IIS存放网站文件的目录

2:打开IIS服务器,添加网站

鼠标右键"网站",选择添加网站。

网站名称:按照用途或者项目起名即可

应用程序池:部署前端项目,这个可以忽略,任意选择即可

内容目录:网站存放的路径,最好以英文命名(到公司框架层即可)

端口:web默认是80端口,如果80端口已被占用请设置,我设置为8088

3:浏览网站

点击右侧浏览出现上述空白页面解决办法在端口号后面加上文件夹名字manage  即http://localhost:8088/manage即可:

这样在别的机子上就可以访问了如果部署机器的ip为192.168.95.54那么访问地址为http://192.168.95.54:8088/manage

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值