IIS部署vue脚手架项目

最新推荐文章于 2026-05-30 14:47:56 发布
原创 最新推荐文章于 2026-05-30 14:47:56 发布 · 831 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
前端

当前文章被收录于：

前端
6 篇文章 0 人学习
订阅专栏 查看详情
Vue

当前文章被收录于：

Vue
5 篇文章 0 人学习
订阅专栏 查看详情
Html5

当前文章被收录于：

Html5
3 篇文章 0 人学习
订阅专栏 查看详情
本文详细介绍了如何使用cmd命令行工具切换到项目目录，通过npm run build编译Vue项目，并将生成的dist目录部署到IIS服务器的过程。同时，针对页面空白、样式及JS动效丢失、history模式下页面刷新出现404等问题提供了具体解决方案。

1.使用cmd，cd到项目目录
2.npm run build编译项目，
3.编译完成后生成dist目录
4.将dist作为根目录在IIs上部署网站
5.问题Mark
问题一：页面空白？？？
解决：将config的index.js的 assetsPublicPath: './'改为 assetsPublicPath: ‘/’
在这里插入图片描述
问题二：样式及js动效丢失？？？？，F12发现找不到文件，路径问题，
解决：build中的utils，修改publicPath，此处将路径定义到与static平级
在这里插入图片描述
所以引用路径如下：
在这里插入图片描述
问题三、采用history模式，页面刷新出现404，采用urlrewrite暂时没有解决，貌似将规则改成什么都没有用，也没有报错。暂时改成hash了，后续解决了再续。。。。

前后端分离-IIS部署Vue前端项目
by0920的博客
03-07 1万+
背景： 项目采用前后端分离技术，后端主要用springBoot+springCloud等技术，前端采用Vue。部署中遇到了种种问题，尤其是前端部署中，以下是采用IIS部署的详细步骤，以及问题的解决方案，希望能帮助到大家。后端运行步骤在另一篇文章中有记载，查阅：https://blog.csdn.net/by0920/article/details/87911408 首先，编写前端代码，安装no...
vue项目部署到IIS
C_hydar的博客
03-10 4198
vue项目部署到IIS
IIS部署VUE项目
susjdyr的博客
04-17 3498
IIS 部署 VUE工程项目
从仿真到实体：在Gazebo和Rviz里先‘玩转’AUBO i5，再无缝控制真机
最新发布
weixin_30650039的博客
05-30 462
本文详细介绍了如何在Gazebo和Rviz中仿真AUBO i5机械臂，并实现从仿真到实体控制的无缝过渡。通过ROS Noetic和Ubuntu 20.04环境配置，结合MoveIt和Gazebo工具链，读者可以安全高效地学习机械臂控制技术，并应用于实际场景。文章还提供了关键参数调优和故障诊断的实用技巧。
Windows 下IIS 部署 VUE项目教程
zjl1353911的博客
04-07 6676
本文看完可以实现,在Windows 下IIS部署一个VUE 网站
Nginx配置太复杂？本文教你将vue等类似项目发布部署到windows的IIS服务器，实现界面化清爽运维
吴所畏惧
05-06 2803
Nginx配置太复杂？本文教你将vue等类似项目发布部署到windows的IIS服务器，实现界面化清爽运维
Vue项目上线打包好的文件如何在服务器上部署？
m0_74152912的博客
05-24 4936
【代码】Vue项目上线打包好的文件如何在服务器上部署？
前端开发笔记(四)—vue项目部署
weixin_44064233的博客
11-18 1217
前言 不必害怕未知，无需恐惧犯错，做一个Creator！ 目录前言一、 使用淘宝镜像cnpm安装vue1. 安装node.js2. 安装淘宝镜像cnpm3. 安装脚手架vue-cli4. 自动升级vue5. 初始化脚手架二、 创建vue项目1. 创建vue项目2. 打包vue项目三、 Windows服务器利用IIS搭建环境1. 安装NET框架2. 安装IIS3. 安装web平台组件与URL重写组件 一、 使用淘宝镜像cnpm安装vue 1. 安装node.js Node.js是一个基于Chrome V8引擎
vue+webpack项目打包后背景图片加载不出来
一捆铁树枝的博客
10-17 5003
在做VUE +的WebPack脚手架项目打包完成后，在IIS服务器上运行发现项目中的背景图片加载不出来检查项目代码发现是因为CSS文件中，背景图片引用的路径问题;后来通过修改配置文件，问题终于解决了，解决方法如下： 1.修改资源路径 在VUE +的WebPack项目中，项目打包后的CSS和JS的引用路径是绝对路径，项目部署后会将静态当成根目录，就造成了文件引用路径的错误，解决方法是通过修改配置...
全网最全教你轻松把vue项目部署到IIS服务器
热门推荐
日常爱喝茶，闲时聊科技
05-31 6万+
需求： 1、项目完成了，但是还没有与正式后台连接（数据是本地json） 2、现有代码上线IIS 准备工作 1、部署IIS服务器 2、项目执行build生成需要部署的文件 步骤一：复制文件 把build之后的文件（dist文件夹）拷贝到IIS存放网站文件的目录 注意： 拷贝的时候不一定是要把dist整个文件夹拷贝，也可以拷贝里面的内容，这个需要看自己的需求。如果不...
Vue项目部署到IIS服务器
futurepromising的博客
03-25 1720
Vue项目部署到IIS服务器 步骤 第一次接触这个iis服务器，感觉nginx他不香吗？非用这玩意，不过没办法服从安排 步骤 Vue项目打包 创建IIS网站 打开IIS服务器 创建完成后 打开浏览器输入http://localhost:端口号，即可打开打包后的项目 vue-router模式为hash的走到这一步应该就没有问题了 history模式下刷新页面后会出现404页面，找不...
【Vue】vue，在Windows IIS平台部署
花北城的博客
10-16 6599
本专栏为 前端【Vue】专栏，主要介绍Vue知识点。对于刚进入计算机世界的学生来说，学习课本上的知识是远远不够的，并且国内教材偏旧，所以需要我们通过互联网自主学习。这里普及一个知识：HTML已不仅仅只能开发Web，也可以开发移动端（AndroidiOS），所以本专栏也会介绍 移动端的开发。我个人将移动端开发，分为两大方向：①原生开发最早一批，使用安卓开发工具包（Android SDK）和Java语言来开发App的方式。原生开发允许开发者充分利用安卓平台的功能和特性，以及庞大的安卓开发社区资源。
windows server + iis 部署若伊前端vue项目
qq_16066907的博客
07-05 1658
打开windows server 自带的服务器管理器，打开添加角色和功能->下一步->下一步->选中web服务器（IIS）... 反正只需要选中iis服务，按着提示一直下一步安装就可以了。2，重复启动：最头疼的问题其实是这个，客户自己的运维人员，有的时候会自己操作，再启动一次或者多次nginx，导致后台实际上有多个nginx同时在运行，这种情况下只能通过任务管理器关闭nginx进程。点击确定，此时应该能够进入到若伊的登录也，上面的路径有#，此时获取不到验证码（我的已经调完了，所以有验证码）
VUE项目部署IIS服务器手册
qq_46437645的博客
05-27 2122
理解SPA原理：Vue是单页应用，所有路由都要重定向到index.html核心配置不变：无论多少页面，基本的重写规则都一样按需添加功能：根据具体需求添加API代理、安全头等配置环境区分部署：开发、测试、生产使用不同的配置注意执行顺序：web.config规则从上到下执行，注意stopProcessing属性通过本手册，您可以根据具体情况快速选择合适的配置模板，实现Vue项目在IIS上的成功部署！
项目发布部署：如何发布.NETCore项目到IIS服务器？
西瓜程序猿
08-15 7764
本文将详细介绍如何发布.NET Core项目到IIS服务器。首先，第一步需要安装IIS，介绍了在本地电脑和服务器中进行安装。然后需要安装SDK和运行时才能发布.NETCore项目。其次介绍了如何发布.NETCore项目和Vue项目，并配置IIS。最后介绍了如何将项目部署到Service服务中。
vue部署项目到IIS服务器
m0_59686606的博客
04-09 7981
Vue部署项目到IIS服务器上
IIS部署vue项目 IIS重写URL
05-06 4177
4, 注意，会在vue站点的根目录里面生成一个web.config的配置文件，发布更新要保留这个配置文件，不然又要重新配置一次。1, 因为VUE页面驱动是靠项目内的路由跳转，要保证每次页面都在根目录下的 /index.html。2, 若是此处不添加规则，访问网站首页可以，但你刷新后或跳转页面就会出现 404 错误。2, 成功配置一次即可理解使用方式. 相当于配置vite.config.js的代理.2). 安装 Application Request Routing，1). 安装URL Rewrite，
Vue项目打包部署到iis服务器
rj2017211811的博客
10-12 7788
一 将Vue项目打包 切换到项目目录下，输入cnpm run build 打包 等待打包完成 二 URL 重写 访问我们的一个url 原因是vue不是根据项目目录的地址访问的，是根据vue-router转发路由访问url，在这里我们应该进行url rewrite url write的方式有两种，一种是在iis下载url rewrite工具配置规则 另一种是配置web.config文件，我用的...
将vue项目部署到IIS服务器上
weixin_41003771的博客
11-12 2478
将vue项目部署到IIS服务器上 1、项目执行build生成需要部署的文件 npm run build 2、发布文件 把build之后的文件（dist文件夹）拷贝到IIS存放网站文件的目录 3、在IIS中新建站点，并设置相关权限 4、url重写 打开网址发现页面，一般会报错，如下图： 这是vue路由模式与iis不一致，需要url重写 首先 先确认url重写是否安装，未安装的话，进入官网http...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值