前端项目部署,阿里云服务器部署前端项目,超详细

801 阅读1分钟

一. 链接服务器

1.前端代码

image.png

2.阿里云服务器 我买的是这个

轻量 image.png

3.购买后点击控制台

然后就能看到自己的服务器了 image.png

4.点击远程链接

root 登录需要先重置密码 image.png

5. 出现下面页面说明连接成功了

image.png

6. 安装 MobaXterm (用来链接服务器)

image.png

7. 点击session

image.png

8. 按下图操作 输入登录密码

image.png

image.png

9. 设置云服务器安全组

image.png

二. 安装nginx

1. 安装命令 yum install nginx

image.png

然后中间停一会让选择 输入y再按回车就行了 最后安装成功

image.png

有complete就可以了

  1. 安装nginx : yun install nginx
  2. 看是否有nginx进程 : netstat -anput | grep nginx
  3. 查看服务器端口占用情况Lnetstat -ntlp
  4. nginx启动: nginx
  5. nginx重启: nginx -s reload
  6. 关闭ngnginx:
  • nginx -s stop : 快速停止nginx
  • nginx -s quit : 完整有序的停止nginx
  1. 查看默认的nginx配置文件路径: nginx -t

输入netstat -anput | grep nginx看看端口占用

image.png

这有占用80的端口

此时再浏览器输入公网ip会出现内容

image.png

2.然后把前端代码上传到指定文件夹下

image.png

3. 修改nginx文件配置

输入命令 nginx -t 查看配置文件路径

image.png

image.png

4. 重启nginx (修改配置文件后必须重启才能生效)

输入命令: nginx -s reload

4.此时用浏览器打开ip地址就可以了