如何在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+端口的方式访问目标网页已经成功。

相关文章
|
13小时前
|
负载均衡 应用服务中间件 nginx
解决nginx配置负载均衡时invalid host in upstream报错
在Windows环境下,配置Nginx 1.11.5进行负载均衡时遇到问题,服务无法启动。错误日志显示“invalid host in upstream”。检查发现上游服务器列表中,192.168.29.128的主机地址无效。负载均衡配置中,两个服务器地址前误加了"http://"。修正方法是删除上游服务器列表和proxy_pass中的"http://"。问题解决后,Nginx服务应能正常启动。
20 4
解决nginx配置负载均衡时invalid host in upstream报错
|
1天前
|
应用服务中间件 nginx
nginx配置集群轮训策略
nginx配置集群轮训策略
14 0
|
1天前
|
安全 网络协议 应用服务中间件
一文读懂HTTPS?揭秘加密传输背后的原理与Nginx配置攻略
一文读懂HTTPS?揭秘加密传输背后的原理与Nginx配置攻略
|
1天前
|
Ubuntu Apache 数据库
如何在Ubuntu系统部署Z-blog博客结合cpolar实现无公网IP访问本地网站
如何在Ubuntu系统部署Z-blog博客结合cpolar实现无公网IP访问本地网站
24 2
|
1天前
|
应用服务中间件 nginx
如何在树莓派部署Nginx并实现无公网ip远程访问内网制作的web网站
如何在树莓派部署Nginx并实现无公网ip远程访问内网制作的web网站
12 0
|
1天前
|
Ubuntu 应用服务中间件 nginx
ubuntu编译安装nginx及安装nginx_upstream_check_module模块
以上是编译安装Nginx和安装?`nginx_upstream_check_module`模块的基本步骤。根据你的需求和环境,你可能需要进一步配置Nginx以满足特定的要求。
26 3
|
1天前
|
应用服务中间件 PHP nginx
php如何实现检测nginx配置的正确性
请确保在执行此操作时,PHP有足够的权限来执行Nginx命令和访问Nginx配置文件。另外,将上述代码嵌入到您的应用程序中时,要注意安全性,以防止潜在的命令注入攻击。
53 3
|
JavaScript Java 应用服务中间件
|
1天前
|
移动开发 前端开发 JavaScript
前端vue2、vue3去掉url路由“ # ”号——nginx配置(一)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
58 0
|
1天前
|
JavaScript 前端开发 应用服务中间件
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
25 0
http://www.vxiaotou.com