Nginx部署前端项目至远程服务器

第一次部署自己写的项目哈哈,其中也踩了很多坑,都是自己慢慢摸索出来的,还是很开心的,写个博客记录以下!

使用工具和环境
1.阿里云服务器
2.xshell和xftp
3.宝塔面板(傻瓜式操作,非常简单)
4.Nginx

下面开始正式教程了

1.在宝塔面板的软件商店找到Nginx并安装

没有接触过宝塔面板的小伙伴可以尝试一下,宝塔面板安装

在这里插入图片描述
接下来等他自己慢慢安装好就可以了

2.点击文件,在/root目录下新建一个app文件夹,用来存放我们的html等静态文件

在这里插入图片描述

3.用xshell连接服务器后,打开我们的xftp将项目传到服务器

打开文件传输
在这里插入图片描述
将我们需要的文件拖进 /root/app 目录下即可,就是上个步骤我们创建的文件夹
在这里插入图片描述

4.配置Nginx,这一步很重要,一定要仔细

进入宝塔面板,找到安装好的Nginx
在这里插入图片描述
点击设置,弹出这样的窗口
在这里插入图片描述
点击配置修改

  1. 第一个要改的地方,把 user 改成 root
    在这里插入图片描述
  2. listen对应的是端口号,根据自己的情况修改
    server_name可以改成localhost
    在这里插入图片描述
  3. root 后面的路径改成 /root/app,就是我们放静态资源的目录
    在这里插入图片描述
    全部修改完成后点击保存,然后重启一下 Nginx 让配置文件生效

最后访问自己的域名,见证奇迹的时刻!

在这里插入图片描述

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在SSH连接的服务器上安装和部署Nginx SSL证书,可以按照以下步骤进行操作: 1. 连接到远程服务器: ``` ssh username@192.168.1.24 ``` 将`username`替换为你的用户名,`192.168.1.24`替换为你的服务器IP地址。 2. 安装Nginx: 如果你的服务器上尚未安装Nginx,请使用适合你服务器操作系统的包管理器安装Nginx。例如,在Ubuntu上可以使用以下命令进行安装: ``` sudo apt update sudo apt install nginx ``` 3. 准备SSL证书: 将SSL证书文件和私钥文件上传到服务器。确保证书文件和私钥文件是匹配的,并且命名符合约定(例如`cert.pem`和`key.pem`)。 4. 配置Nginx: 打开Nginx的配置文件(通常是在`/etc/nginx/nginx.conf`或`/etc/nginx/conf.d/default.conf`中),并进行以下配置更改: - 在`http`块中,添加一个新的`server`块来定义HTTPS服务器: ``` server { listen 443 ssl; server_name your-domain.com; ssl_certificate /path/to/cert.pem; ssl_certificate_key /path/to/key.pem; ... } ``` 将`your-domain.com`替换为你的域名,将`/path/to/cert.pem`和`/path/to/key.pem`替换为SSL证书文件和私钥文件的路径。 - 如果你的应用程序使用了其他Nginx配置(如代理等),请在此`server`块中进行相应的配置更改。 5. 检查配置文件: 运行以下命令检查Nginx配置文件是否正确: ``` sudo nginx -t ``` 6. 重启Nginx服务: 如果配置文件没有错误,使用以下命令重启Nginx服务以使更改生效: ``` sudo systemctl restart nginx ``` 现在,你的Nginx服务器应该已经配置了SSL证书,并且可以通过HTTPS访问。确保你的域名已经指向了服务器的IP地址,并测试访问以验证证书是否正确安装和部署

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值