iView学习(三)IIS服务器部署Vue项目

本文介绍如何通过修改配置解决Vue与iView项目在IIS服务器部署时的图片和图标路径问题,包括调整assetsPublicPath和webpack配置,以及IIS服务安装步骤和网站设置。

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

IIS服务器部署Vue项目

第一步 修改配置

Vue项目打包之后部署服务器会存在图片路径不正确的问题,解决办法如下:

修改config => index.js => build 下的assetsPublicPath:

assetsPublicPath: ‘/’, 改为 assetsPublicPath: ‘./’

在这里插入图片描述
如果试iView项目的话还需要修改一个地方,iview项目打包之后,icon路径会报错,修改如下:

找到build 文件下的webpack.prod.conf.js文件:

rules: utils.styleLoaders({
sourceMap: config.build.productionSourceMap,
extract: true
usePostCSS: true
})
修改 extract:false即可;

第二步 安装IIS服务

打开控制面板 => 程序 => 启动或关闭windows功能:

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

勾选万维网服务即可,别的如果需要安装的话,也可以勾选上;等待安装完成;
然后再开始菜单搜索IIS(我的试WIN10,不过其他版本的方法一样):
在这里插入图片描述
在这里插入图片描述
点击网站,右键添加网站:
在这里插入图片描述
填写名称、修改端口、选择项目路径,点击确定之后,就可以再王章上访问到自己的网站了,可以通过localhost:端口或者ip:端口访问。

备注

如果需要访问或者浏览.json文件或者别的少见的文件格式,需要添加MIME类型。

点击自己的网站 => MIME类型双击打开:
在这里插入图片描述

点击右上角添加,添加需要支持的类型:

在这里插入图片描述

json
关联扩展名:*.json
内容类型(MIME):application/x-javascrip

别的类型同上,不再赘述。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值