Nginx 前端 安装,打包,发布项目到服务 流程

1,Nginx 下载与安装

  下载地址:nginx: download

  根据电脑自行选择对应的版本  我的window  选的是这个

 将安装包解压出来就行了 得到如下文件

 这就差不多算安装好了

2.项目打包 并部署项目

找到自己的项目 打个包 会在项目下生成个 dist 文件

将dist 文件放到解压出来的Nginx文件下的html 文件里面

 然后就是配置 Nginx 的配置文件

在conf文件夹下找到nginx.conf文件 用笔记本或者 vscode 打开 只要能编辑内容就行

 添加配置即可

然后在 Nginx 问价夹下 cmd 进入命令框 输入 启动命令  start nginx

 再在浏览器 输入对应ip 就能看到发布的项目了

到这基本就完成了整个流程   至于 其他的关于Nginx 的命令 和配置其他内容 以后阔以给大家详细介绍

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
前端打包部署到服务器的大体流程如下: 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 ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

a small tree

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

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

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

打赏作者

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

抵扣说明:

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

余额充值