如何在Ubuntu20.04上配置Nginx以及使用Nginx部署一个网站

简介: 本文主要介绍了关于如何部署Ubuntu环境下的网站,给出一种示例。

第一步-安装Nginx(Step1-Installing Nginx)

①更新服务器的软件包索引——sudo apt update 
②安装Nginx——apt-get install nginx
Do you want to continue?[Y/n] Y
③查看Nginx的版本——nginx -v

第二步-打包Vue项目并上传至服务器(Step2-Packaging Vue and uploading server)

①打包Vue项目——npm  run build
②将静态资源文件上传至服务器
③配置Nginx文件开启一个网点
使用vim打开该配置文件——vim /etc/nginx/nginx.conf 
先将配置文件进行备份以防错误配置,在配置文件中,新增一个server,server的具体内容如下:
image.png
修改完成之后进行保存退出。
④重启Nginx服务——service nginx restart

   若重启时报错,大概率是配置文件的语法错误,使用 nginx -t 进行语法检查,并将报错位置进行修改。或者在var/log/nginx/路径下找到error.log查看错误。

⑤安装组配置——将新建的server的端口在安全组中打开。

  这里选择将全部端口进行打开。
至此,在浏览器上以IP+端口的方式访问目标网页已经成功。

相关文章
|
1天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
14 0
|
1天前
|
JavaScript 前端开发 应用服务中间件
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
8 0
|
1天前
|
Ubuntu Linux
Linux(Ubuntu)系统临时IP以及静态IP配置(关闭、启动网卡等操作)
请注意,以上步骤是在临时基础上进行配置的。如果要永久保存静态IP地址,通常还需要修改 `/etc/network/interfaces`文件,以便在系统重启后保持配置。同时,确保备份相关配置文件以防止出现问题。
12 1
|
3天前
|
Ubuntu Linux 测试技术
Linux(32)Rockchip RK3568 Ubuntu22.04上部署 Docker: 详细配置与功能测试(下)
Linux(32)Rockchip RK3568 Ubuntu22.04上部署 Docker: 详细配置与功能测试
35 1
|
3天前
|
负载均衡 Ubuntu
ubuntu部署haproxy
现在,你已经成功部署了HAProxy并配置了负载均衡。你可以使用HAProxy的IP地址来访问你的应用程序,并它将根据你的负载均衡配置将请求分发给后端服务器。确保根据你的实际需求自定义配置文件。
8 0
|
4天前
|
Ubuntu 网络协议 Linux
Linux(20) Ubuntu 20.04 网络接口自动切换路由配置
Linux(20) Ubuntu 20.04 网络接口自动切换路由配置
27 0
|
4天前
|
安全 应用服务中间件 网络安全
SSL原理、生成SSL密钥对、Nginx配置SSL
现在,你的Nginx虚拟主机应该已经配置了SSL,可以通过HTTPS安全访问。确保在生产环境中使用有效的SSL证书来保护通信的安全性。
17 0
|
4天前
|
Ubuntu Linux Python
Linux(15)Ubuntu安装ninja构建工具
Linux(15)Ubuntu安装ninja构建工具
15 0
|
4天前
|
Ubuntu Linux 数据安全/隐私保护
Linux(7)Ubuntu20.04 arm64安装Docker
Linux(7)Ubuntu20.04 arm64安装Docker
18 0