vue项目部署到IIS服务器上

本文介绍前端Vue项目部署到IIS服务器的方法。先进行准备工作,包括部署IIS服务器和用npm run build打包项目。接着开始部署,复制打包文件到IIS网站文件目录,打开IIS添加网站,设置相关信息。若浏览出现空白页,在端口号后加文件夹名即可,还给出其他机子的访问地址。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端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

 

转载于:https://www.cnblogs.com/zhoushuang0426/p/11049719.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值