zl程序教程

您现在的位置是:首页 >  前端

当前栏目

【Vue】项目打包部署到iis服务器中

2023-09-11 14:14:50 时间

一、 将Vue项目打包

切换到项目目录下,输入cnpm run build 打包,后面可以接上"参数" ,例如:npm run build:stage 对应package.json里的 "scripts"以道达到不同构建模式的效果
在这里插入图片描述

在这里插入图片描述等待打包完成在这里插入图片描述
npm 和 cnpm 的区别

(1) 两者之间只是 node 中包管理器的不同。
(2) npm是node官方的包管理器。cnpm是个中国版的npm,是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。
(3)如果因为网络原因无法使用npm下载,那cnpm这个就派上用场了。

一定切记切记,npm和cnpm只是下载的地址不同,npm是从国外下载东西,cnpm是从国内下载东西。

“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

二 、URL 重写

访问我们的一个url(无此问题可直接跳过次部分内容)
在这里插入图片描述
原因是vue不是根据项目目录的地址访问的,是根据vue-router转发路由访问url,在这里我们应该进行url rewrite

url write的方式有两种,一种是在iis下载url rewrite工具配置规则

另一种是配置web.config文件,我用的是第二种

web.config内容<?xml version="1.0" encoding="UTF-8"?>

将该文件拷贝到打包好根目录下面

在这里插入图片描述
发现成功访问到我们的url
在这里插入图片描述

来源

项目放到iis服务器,怎么将Vue项目打包部署到iis服务器中
npm 和 cnpm 的区别

没有粉丝,没有评论,甚至连读者都没有。因为自己写的烂,因为自己水平有限,所以自己的作品一经发出就石沉大海了,得不到任何的回信,就好像自己写的东西是给自己看的。自己的作品怎么看都好像不够完美,全身的毛病,所以读者不喜欢也很正常对吧!

其实最让我开心的是有些读者们夸我文笔不错,或许是有人第一次这样夸我的缘故吧!又或许是我写的东西没什么人认可,我感受到了一种前所未有的激动,对于未来的憧憬,对自己写下去的动力。

因为有你们,我的写作之路才不孤独,因为有你们,我才能坚持到现在,如果有一天我真的写出圈了,或许我们可以整个交流会之类的,到时候促膝长谈。

“书山有路勤为径,学海无涯苦作舟。”写作苦是苦了点,整得我差点就想放弃了,不过还好有你们。我也不急着成功,因为没有个几十年如一日的坚持,哪能轻易成功?

茫茫文海无人意,天下有君识吾心。文海很孤独,但是有诸君,便足以令我至千里。