Vue打包文件到IIS服务器的项目发布流程

最新推荐文章于 2024-01-17 10:43:01 发布
VIP文章 最新推荐文章于 2024-01-17 10:43:01 发布
阅读量1k 收藏 3
点赞数 1
分类专栏： Vue 文章标签： Vue 项目打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czy527/article/details/102707664
版权

Vue打包文件到IIS服务器的项目发布流程

版权声明：本文为博主原创文章，转载请附上原文出处链接和本声明。

服务器上面的项目更新Vue的一些文件打包：

1、在Vue文件夹中点开package.json。
在这里插入图片描述
2、找到图上这句“node build/build.js”。
在这里插入图片描述
3、下载node.js，配置node环境。
在这里插入图片描述
4、完了之后在项目文件根目录按住Shift键+鼠标右键打开PowerShell控制窗口

最低0.47元/天 解锁文章
czy527
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目部署到IIS
C_hydar的博客
03-10 3320
vue项目部署到IIS
Vue3项目打包本地IIS发布
qq_42772252的博客
11-15 1806
1、本地配置IIS本文不在叙述。 2、Vue3项目打包执行命令npm run build 3、打包完成后，打开IIS选择“添加网站”如图所示， 3.1网站名称可随意填写，物理路径选择项目打包的dist文件 4.网站增加完成后访问报错，需设置URL模块，下载模块为“URL重写”，下载地址为：URL Rewrite : The Official Microsoft IIS Site安装后根据以下配置项进行配置。 5.全部配置完成后若访问网站报错500.19...
IIS 部署 Vue3
xwnxwn的专栏
10-02 1204
IIS 部署 Vue 项目，F5刷新界面报 404
【Vue】项目打包部署到iis服务器中
指错||纠正||建议||水评+点赞&&评论&&关注&&转发，在这里你大概率会有所收获
05-23 2079
【Vue】项目打包部署到iis服务器中
VUE3.0从零开始-打包发布到IIS(终)
wo4641771的博客
04-26 2848
1.在终端上 输入npm run build 2.生成dist文件夹，里面的内容就是打包压缩好的文件 3.新建web.config 文件到dist下面，把下面的内容复制进去。 <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <staticContent> <remove fileExtension=".woff"...
Vue项目打包部署到iis服务器的配置方法
10-16
主要介绍了Vue项目打包部署到iis服务器的配置方法，文中通过代码示例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue项目打包部署到服务器的方法示例
10-18
主要介绍了vue项目打包部署到服务器的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue前端项目部署IIS的实现
10-15
主要介绍了Vue前端项目部署IIS的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue 打包后的文件部署到express服务器上的方法
08-29
vue是目前最流行的前端框架，今天要介绍的是如何利用vue+webpack+express的方式进行前后端分离的开发，下面通过本文给大家分享vue 打包后的文件部署到express服务器上的方法，感兴趣的朋友一起看看吧
关于vue前端发布路径问题导致只能部署在tomcat根目录下的问题
bobo5582191的专栏
06-14 3157
原因:vue.config.js配置发布路径默认为根目录下 问题1: vue-cli3.3默认使用publicpath字段表示发布路径 module.exports = { publicPath: ‘.’,//.表示相对路径;/表示tomcat根目录;也可以配置成其他路径 outputDir: ‘dist’, //打包输出目录默认dist productionSourceMap:false } 修...
VUE3发布到IIS跳转页面报404以及刷新报404解决
langligelangxy的博客
07-28 1804
6、继续往下，操作栏中，重写URL，我这填的完整路径/index.html，网上有的填/，停止处理后续规则，我的勾不勾都可以，网上有的要勾。总结：这些规则，参考了别人的经验，发现并不一定适合自己，所以我是在尝试中成功的，在此做一下记录，如果有人看到，也可以参考多尝试，因为我照搬没有成功，上面的步骤慢慢尝试组合出来的。5、条件要自己展开，一开始没有左侧框里的那2条，在右侧点击添加，只选择红框里的不是文件，然后确定，再点添加，选择不是目录，确定。vue项目如何部署不说了，自行百度，很简单，关键是配置。
windows11-IIS和nginx部署 vue3项目
Bruce__taotao的博客
12-16 2008
iis部署vue项目和nginx部署vue项目
vue项目部署到iis
weixin_48948055的博客
03-28 768
vue项目部署到 iis
[转]vue部署项目到IIS服务器
代码笔记
08-16 1156
拷贝的时候不一定是要把dist整个文件夹拷贝，也可以拷贝里面的内容，这个需要看自己的需求。访问网站可以在IIS界面右侧直接浏览，具体见上图，或者直接在浏览器地址栏输入：http://localhost:8082/端口：web一般是80端口，不过我的80已经被其他项目占用，所以我设置为8082。把build之后的文件（dist文件夹）拷贝到IIS存放网站文件的目录。应用程序池：部署前端项目，这个可以忽略，任意选择即可。内容目录：网站存放的路径，最好以英文命名。在"网站"执行鼠标右键，选择添加网站。...
vue部署项目到IIS服务器
xwnxwn的专栏
10-02 3616
在"网站"执行鼠标右键，选择添加网站。 网站名称：按照用途或者项目起名即可 应用程序池：部署前端项目，这个可以忽略，任意选择即可 内容目录：网站存放的路径，最好以英文命名 端口：web一般是80端口，不过我的80已经被其他项目占用，所以我设置为8082
【Vue】vue，在Windows IIS平台部署
花北城的博客
10-16 2961
本专栏为 前端【Vue】专栏，主要介绍Vue知识点。对于刚进入计算机世界的学生来说，学习课本上的知识是远远不够的，并且国内教材偏旧，所以需要我们通过互联网自主学习。这里普及一个知识：HTML已不仅仅只能开发Web，也可以开发移动端（AndroidiOS），所以本专栏也会介绍 移动端的开发。我个人将移动端开发，分为两大方向：①原生开发最早一批，使用安卓开发工具包（Android SDK）和Java语言来开发App的方式。原生开发允许开发者充分利用安卓平台的功能和特性，以及庞大的安卓开发社区资源。
Vue项目在IIS发布
最新发布
qq_32768235的博客
01-17 698
IIS这个url代理重写的意思是：当你请求我发布的这个地址，我就会帮你重写到你配置的地址中去，api 是用来区分 去哪个接口地址请求数据。由于区分开发和生产环境，开发环境用vue自带的代理服务器，生产需要自己配置，那在开发和发布的请求代码就不一样。在VSCode的终端下运行代码命令，会在程序根目录得到一个dist的文件夹 ，iis中就发布这个文件夹。8.点击发布的vue项目右边会有一个【URL重写】双击进入后，右击[添加规则] 随便取个名称，：一般情况下Vue项目可以发布在。地址是iis发布的项目地址。
IIS部署vue前端过程（含IIS及相关配置和安装），部署遇到的问题及报错（承接vueconfig.js全局配置环境变量，跨域问题）
一个咸鱼的博客
12-10 8410
如果出现以下这种问题，调接口时地址提示undefined，这个是因为端口被占用，换一个即可。(2).编辑规则，完成后在部署的网站中重启，在点击浏览网站，成功解决报错。此错误表明文件或目录在服务器上不存在。请创建文件或目录并重新尝试请求。这个错误是由路由入口错误造成的，主要是因为没有确定路由的入口。您要找的资源已被删除、已更名或暂时不可用。中的重写来的，正则表达式只需将。启用或关闭Windows功能。网络和Internet。”，然后点击操作中的“替换为你定义的重写名。
IIS 部署 Vue3 程序环境搭建
tjchbs的博客
03-08 851
IIS 部署 Vue3 程序环境搭建
vue项目打包部署到服务器
06-02
要将Vue项目部署到服务器，需要执行以下步骤： 1. 执行npm run build命令，生成打包后的文件。在项目根目录下会生成一个dist目录，里面包含了所有打包后的静态资源文件。 2. 将dist目录中的所有文件上传到服务器上...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值