IIS部署vue脚手架项目

最新推荐文章于 2025-05-27 17:54:39 发布
最新推荐文章于 2025-05-27 17:54:39 发布
阅读量736 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端 Vue Html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Angie0418/article/details/91956549
本文详细介绍了如何使用cmd命令行工具切换到项目目录，通过npm run build编译Vue项目，并将生成的dist目录部署到IIS服务器的过程。同时，针对页面空白、样式及JS动效丢失、history模式下页面刷新出现404等问题提供了具体解决方案。

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

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.youkuaiyun.com/by0920/article/details/87911408 首先，编写前端代码，安装no...
Vue环境安装、项目构建运行、打包部署详解
adminwxc的博客
02-27 2506
官网下载.msi格式安装包，，此处由于是64位计算机，所以选择如下。
IIS部署VUE项目
susjdyr的博客
04-17 3241
IIS 部署 VUE工程项目
VUE项目部署IIS服务器手册
qq_46437645的博客
05-27 1452
理解SPA原理：Vue是单页应用，所有路由都要重定向到index.html核心配置不变：无论多少页面，基本的重写规则都一样按需添加功能：根据具体需求添加API代理、安全头等配置环境区分部署：开发、测试、生产使用不同的配置注意执行顺序：web.config规则从上到下执行，注意stopProcessing属性通过本手册，您可以根据具体情况快速选择合适的配置模板，实现Vue项目在IIS上的成功部署！
IIS部署vue项目
Granters的博客
12-02 7709
IIs部署vue项目
【Vue】vue，在Windows IIS平台部署
花北城的博客
10-16 6338
本专栏为 前端【Vue】专栏，主要介绍Vue知识点。对于刚进入计算机世界的学生来说，学习课本上的知识是远远不够的，并且国内教材偏旧，所以需要我们通过互联网自主学习。这里普及一个知识：HTML已不仅仅只能开发Web，也可以开发移动端（AndroidiOS），所以本专栏也会介绍 移动端的开发。我个人将移动端开发，分为两大方向：①原生开发最早一批，使用安卓开发工具包（Android SDK）和Java语言来开发App的方式。原生开发允许开发者充分利用安卓平台的功能和特性，以及庞大的安卓开发社区资源。
IIS部署vue前端过程（含IIS及相关配置和安装），部署遇到的问题及报错（承接vueconfig.js全局配置环境变量，跨域问题）
一个咸鱼的博客
12-10 1万+
如果出现以下这种问题，调接口时地址提示undefined，这个是因为端口被占用，换一个即可。(2).编辑规则，完成后在部署的网站中重启，在点击浏览网站，成功解决报错。此错误表明文件或目录在服务器上不存在。请创建文件或目录并重新尝试请求。这个错误是由路由入口错误造成的，主要是因为没有确定路由的入口。您要找的资源已被删除、已更名或暂时不可用。中的重写来的，正则表达式只需将。启用或关闭Windows功能。网络和Internet。”，然后点击操作中的“替换为你定义的重写名。
vue脚手架项目部署到iis上
最新发布
08-07
我们正在将Vue CLI项目部署到IIS上。主要步骤包括：构建生产版本的Vue项目、配置IIS服务器、处理路由问题（因为Vue使用前端路由）以及可能的web.config配置。以下是一个完整的步骤指南： ### 步骤1：构建Vue项目 ...
Vue发布项目实例讲解
10-16
2. 部署Vue项目： 打包完成后，需要将生成的`dist`目录部署到一个Web服务器上，常用的Web服务器有IIS、Apache、Nginx等。部署的方法通常是将整个`dist`目录上传到服务器上的指定目录中，然后通过服务器配置将请求...
如何把vue2脚手架搭建的项目运行到本地IIS上
08-06
</think>### 在本地IIS部署Vue2脚手架项目的步骤 1. **构建生产包** 运行 `npm run build` 生成 dist 目录（包含静态资源）[^2][^5] 2. **配置IIS站点** - 新建网站指向 dist 目录 - 设置端口（如8080）避免...
记录一次基于Vite搭建Vue3项目的过程
胖蔡叨叨叨
06-16 551
Vue2已经于停止维护了，2024年算是vue3的崭新的一年，我们的项目也基本从vue2逐渐向着Vue3过渡，Vue3相较于vue2有更好的开发体验，和ts的自然融合使得项目的结构、功能拆分变得更加的清晰；组合式声明有种MVC向着MVP、MVVM转变的错觉；而Vite的使用使得我们的编译速度产生质的飞跃。总体来说，Vue3是一个不错的选择，今天这边文章主要就是来记录一下如何创建一个Vue3的项目。
Vue前端项目部署IIS的实现
10-15
主要介绍了Vue前端项目部署IIS的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue项目打包部署到iis服务器的配置方法
10-16
主要介绍了Vue项目打包部署到iis服务器的配置方法，文中通过代码示例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue项目部署到iis
weixin_48948055的博客
03-28 1564
vue项目部署到 iis
使用IIS部署Vue项目
weixin_44656422的博客
05-06 1145
使用IIS部署Vue项目，后端必须跨域，不要在Vue中用proxy跨域，那个只在dev环境中有用！IIS安装，不用全部打勾，有些他默认就是方块 ■ 选择性安装的，就维持原样就可以。
Nginx配置太复杂？本文教你将vue等类似项目发布部署到windows的IIS服务器，实现界面化清爽运维
吴所畏惧
05-06 1783
Nginx配置太复杂？本文教你将vue等类似项目发布部署到windows的IIS服务器，实现界面化清爽运维
全网最全教你轻松把vue项目部署到IIS服务器
热门推荐
HELLO WORLD
05-31 6万+
需求： 1、项目完成了，但是还没有与正式后台连接（数据是本地json） 2、现有代码上线IIS 准备工作 1、部署IIS服务器 2、项目执行build生成需要部署的文件 步骤一：复制文件 把build之后的文件（dist文件夹）拷贝到IIS存放网站文件的目录 注意： 拷贝的时候不一定是要把dist整个文件夹拷贝，也可以拷贝里面的内容，这个需要看自己的需求。如果不...
iView学习（三）IIS服务器部署Vue项目
尼伯特的博客
02-19 1312
IIS服务器部署Vue项目 第一步 修改配置 Vue项目打包之后部署服务器会存在图片路径不正确的问题，解决办法如下： 修改config =&amp;gt; index.js =&amp;gt; build 下的assetsPublicPath： assetsPublicPath: ‘/’, 改为 assetsPublicPath: ‘./’ 如果试iView项目的话还需要修改一个地方，iview项目打包之后...
windows IIS上部署Vue项目
weixin_41934979的博客
06-16 1752
IIS上部署Vue项目
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值