首页 > 系统相关 >外部访问云服务器IP,上传本地代码,正确配置Nginx(暂不包括配置虚拟主机)

外部访问云服务器IP,上传本地代码,正确配置Nginx(暂不包括配置虚拟主机)

时间:2023-02-22 17:57:54浏览次数:71  
标签:虚拟主机 Nginx IP sudo nginx 服务器 80 ufw

首先申请一个云服务器,拥有一个公网IP:

比如我的是106.15.43.140。

步骤:

1.在云服务器上安装web服务,Apache或Nginx,我安的Nginx(Ubuntu系统):

sudo apt-get update
sudo apt-get install nginx

在Centos上安装Apache使用如下命令:

sudo yum install httpd

 

2.安装好后启动:

Nginx:sudo service nginx start

Apache:sudo service httpd start

 

3.查看防火墙状态,在访问Nginx服务器时,可能需要打开相应的端口,比如80端口(HTTP协议默认端口):

sudo ufw status

如果报错,就看看是否安装了ufw:

sudo apt update
sudo apt install ufw

启用ufw并添加允许访问80端口的规则:

sudo ufw enable
sudo ufw allow 80/tcp

再次查看防火墙状态确认是否添加:

sudo ufw status

 

4.上传本地代码文件到服务器,这里有几种方式:

1)使用Transmit,我一直用的这个,非常方便。

2)使用宝塔面板,网上有很多教程,复制粘贴宝塔面板的命令到服务器终端,就可以安装了。

3)Linux系统下借助scp通过ssh传输文件,没试过,可参考:

https://blog.51cto.com/lxw1844912514/2941023

 

5.最后一步也是最重要的,在Nginx配置文件中设置站点的根目录和URL路径。

比如我的index.html文件存储在/var/www/html/video目录下,我就需要在Nginx配置文件中添加以下内容:

server {
    listen 80;
    server_name 106.15.43.140;

    location /video {
        root /var/www/html;
        index index.html;
    }
}

忘了说了,Nginx的配置文件就是,/etc/nginx/nginx.conf。

然后,重新加载Nginx配置以使更改生效:

sudo nginx -s reload

 

完成以上所有步骤,现在远程连接到服务器,输入:

systemctl status nginx

查看Nginx服务是否正常启动,现在在浏览器中输入:

http://106.15.43.140/video

就可以正常访问啦!

 

补充:

如果想把IP地址改成自己喜欢的域名,就去买一个或者申请一个免费的,然后记得解析一下DNS。

标签:虚拟主机,Nginx,IP,sudo,nginx,服务器,80,ufw
From: https://www.cnblogs.com/eisenshu/p/17145319.html

相关文章

  • alipay
    背景简单介绍一下对接支付宝支付的流程。这个东西不难,但网上的资料纷繁复杂,老程序员没有耐心一步步跟着文档走,往往会跟着各种博客入坑。1.github是最好的工具https:/......
  • Nacos单机&集群&持久化&nginx代理配置
    目录Nacos是什么注册中心对比环境搭建环境准备Nacos下载运行单机测试特性一:注册中心消费者项目POMYML配置类控制类启动类两个生产者项目POMYML控制类启动类验证特性二:配置......
  • Linux安装nginx
    一、压缩包方式安装1.下载nginx安装包,官网:http://nginx.org/en/download.html2.上传压缩包至服务器,并解压tar-zxvf3.服务器如果没有openssl和pcre环境,需要安装yu......
  • Eclipse设置背景色等
    1、设置背景色a、Window->Preferences->General->Editors->TextEditorsb、选择Backgroundcolor选择自定义颜色 2、设置编码格式General->Workspace  3、设置......
  • vue-day08——vue3介绍、vue3项目创建、setup函数、ref和reactive、计算属性和监听属
    目录一、vue3介绍1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性5组合式API和配置项API5.1OptionsAPI存在的问题5.2CompositionAPI的优势5.3组合式API和配置......
  • python之路75 vue框架 vue3介绍、创建项目、setup函数、ref和reactive、计算属性和监
    vue3介绍vue3的变化1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%2.源码的升级使用Proxy代替defineProp......
  • [Typescript] Custom Elements in React
    importReactfrom'react';declareglobal{namespaceJSX{interfaceIntrinsicElements{'custom-element':{children?:React.ReactNode;......
  • Javascript进阶
    Javascript进阶一.变量提升看以下代码,或多或少会有些问题的.functionfn(){console.log(name);varname='大马猴';}fn()发现问题了么.这么写代码,......
  • E005Web学习笔记-JavaScript(三):BOM
    一、简单学习DOM1、控制(增删改查)HTML文档的内容; 2、代码:获取页面的标签(元素)对象Element;document.getElementById();//通过元素的ID获取元素......
  • E006Web学习笔记-JavaScript(四):DOM
    一、概述1、简介DocumentObjectModel文档对象模型;将标记语言文档的各个部分,封装为对象,可以使用这些对象,对标记语言文档进行CRUD(增删改查)的动......