Linux от установки Nginx до развертывания интерфейсных проектов

Nginx
Linux от установки Nginx до развертывания интерфейсных проектов

Самостоятельное написание проекта всегда видно людям. Для тестирования или публикации в Интернете он в конечном итоге будет развернут на сервере. В этой статье описано, как интерфейсный проект развертывается на сервере.nginxсервер

Установите Nginx в Linux (для чайников)

CentOS7используется вyumУстановитьNginxМетоды

Ссылаться на:Как установить Nginx с помощью yum в CentOS7

Настроить статический сервер

ps: по возможности порекомендуйте отдельную конфигурациюinclude /etc/nginx/conf.d/*.conf;
Vueи другие связанные инженерные проекты могут быть напрямуюbuildПосле загрузки файла на

Создайте каталог статических ресурсов (проект пользовательского хранилища)

mkdir /www

FTP загрузить проект на/wwwсодержание

я используюfilezillaнепрерывныйSFTPСсылка, выберите после успешного подключения/wwwкаталог и загрузить файл в этот каталог.

Просмотр профиля Адрес профиля Nginx

nginx -t
# nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
# /etc/nginx/nginx.conf

Настроить статический сервер

vi /etc/nginx/nginx.conf
# 找到http{...}
# 在http{}打括号中插入
# 如：
http{
    # 其他代码（原来就存在的代码）
    server {
        listen 80; # 端口 需要服务器开放端口
        # 域名绑定需要将域名解析A记录到改服务器ip
        server_name music.ncgame.cc; # 你的域名 如果需要ip访问请注释该行并改变端口
    
        location / { # 监听的路径
            root /www; # /www 就是刚刚创建的目录
            index index.html index.htm; # 默认入口
        }
    }
}

перезапустить nginx

# 测试配置文件是否可用
# 显示成功 `test is successful` 即可执行下方命令，失败请查看具体原因
nginx -t


# 修改配置后重新加载生效
nginx -s  reload  
# 重新打开日志文件
nginx -s  reopen

доступ

域名绑定需要将域名解析A记录到改服务器ipПрямой доступ для смены доменного имени после привязки
Если вы связаны портом, пожалуйста, напрямуюip:端口Вот и все (но серверу нужно открыть порт)

Конфигурация узла проекта Привязка домена

Как правило, привязка доменного имени осуществляется через прокси nginx.

Конфигурация:

server {
    listen 80; # 端口
    server_name blog.ncgame.cc; # 域名
    location / {
        proxy_pass http://0.0.0.0:3000;
        proxy_read_timeout 18000; # 设置超时
    }
}

Настройка HTTPS (SSL)

server {
    listen       443 ssl; # 端口
    server_name  blog.ncgame.cc;  # 域名

    ssl_certificate     /path/xxx.pem # 证书路径 pem or crt;
    ssl_certificate_key  /path/xxx.key; # 私钥

    ssl_session_cache    shared:SSL:1m;
    ssl_session_timeout  5m;

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers  HIGH:!aNULL:!MD5;
    ssl_prefer_server_ciphers  on;

    location / {
        # 这里可以配置静态服务器 or 代理
    }
}
# http 自动跳转到 https
server{
    listen 80;
    server_name blog.ncgame.cc;
    rewrite ^/(.*)$ https://blog.ncgame.cc:443/$1 permanent;
}

разное

Проблема с пустым обновлением после доступа к Vue

наверное из-заVurRouterвключенныйHTML5 History 模式Подробности можно посмотретьПример конфигурации серверной части VurRouter

Вам нужно добавить строку в конфигурациюtry_files $uri $uri/ /index.html;

пример:

server {
    listen 80; # 端口 需要服务器开放端口
    # 域名绑定需要将域名解析A记录到改服务器ip
    server_name music.ncgame.cc; # 你的域名 如果需要ip访问请注释该行并改变端口

    location / { # 监听的路径
        root /www; # /www 就是刚刚创建的目录
        index index.html index.htm; # 默认入口
        try_files $uri $uri/ /index.html;
    }
}
Категории