关于前端打包加部署

1.首先输入命令

```
npm build
```

2.打包完成进入xshell,输入命令

```
tar -zcvf "da 20240315 登录.tar.gz" *
```

这个命令是在Linux或类Unix系统上使用的tar命令,用于创建一个名为 "da 20240315 登录.tar.gz" 的归档文件,其中包含当前目录下的所有文件和子目录。

”.tar.gz“是压缩包后缀,“da 20240315 登录”是包名,

3.接着输入命令

```
mv da\ 20240315\ 登录.tar.gz ../历史版本/
```

这个命令是在Linux或类Unix系统上使用的mv命令,用于将名为 "da 20240315 登录.tar.gz" 的文件移动到 "../历史版本/" 目录中。

4.然后直接将dist包的内容全部复制替换当前dist包

感谢你看到最后,最后再说两点~
  ①如果你持有不同的看法,欢迎你在文章下方进行留言、评论。
  ②如果对你有帮助,或者你认可的话,欢迎给个小点赞,支持一下~

感兴趣的可以关注公众号一起学习,我会不定期发布学习和一些有意思的见闻。

前端打包部署到服务器的大体流程如下: 1. 部署前的准备:准备要部署的项目和阿里云服务器。确保服务器操作系统是 CentOS,推荐选择7.5或7.6版本。 2. 打包项目:将前端项目进行打包,生成静态文件。 3. 连接阿里云服务器:使用本地工具连接到阿里云服务器。 4. 安装必要的软件:在服务器上安装epel仓库和nginx。epel仓库是为了方便安装一些额外的软件包,而nginx是用来作为前端项目的服务器。 5. 配置nginx:启动nginx,并检查端口号的配置。如果需要访问默认端口号80,可以在nginx配置文件中进行相应的配置。 6. 上传文件到服务器:将打包好的静态文件上传到服务器上。 7. 配置域名和访问:根据需要,可以配置域名解析,让用户可以通过域名来访问项目。 总结起来,前端打包部署到服务器的流程包括准备工作、打包项目、连接服务器、安装软件、配置服务器、上传文件和配置域名。这样就可以将前端项目部署到阿里云服务器上,让用户可以通过域名或公网IP来访问项目。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* *3* [vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备](https://blog.csdn.net/Charissa2017/article/details/105886521)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

月夜奇术师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值