前端项目部署

最新推荐文章于 2024-05-27 17:11:19 发布

YogoProgrammer

最新推荐文章于 2024-05-27 17:11:19 发布

阅读量707

点赞数

文章标签：前端 linux 服务器 vue.js javascript

本文链接：https://blog.csdn.net/YogoProgrammer/article/details/122876059

版权

Linux下安装Nginx

标题首先安装SecureCRT

SecureCRT是一款支持SSH（SSH1和SSH2）、Telnet、串口等的终端仿真程序，简单地说是Windows下登录UNIX或Linux服务器主机的软件。在我们今后接下来的学习或工作中会经常使用它远程登录到Linux系统上去工作。

接着服务器安装 Nginx

yum install Nginx

启动服务：nginx
退出服务：nginx -s quit
强制关闭服务：nginx -s stop
重载服务：nginx -s reload　　（重载服务配置文件，类似于重启，但服务不会中止）
验证配置文件：nginx -t
使用配置文件：nginx -c “配置文件路径”
使用帮助：nginx -h

检测是否安装成功：

[root@localhost wcw]# nginx -t

出现如下提示，表示安装成功。

在这里插入图片描述
或者，在浏览器地址输入"127.0.0.1"回车出现如下页面，则表示安装成功。

Windows安装WinScp 上传dist文件夹

上传前端工程文件

安装WinScp

WinSCP是一个Windows环境下使用SSH的开源图形化SFTP工具客户端。同时支持SCP协议。它的主要功能就是在本地与远程计算机间安全的复制传输文件。

WinScp上传dist文件夹
WinScp修改Nginx配置文件
路径：/etc/nginx/nginx.conf

Nginx配置文件

在项目使用中，使用最多的三个核心功能是静态服务器、反向代理和负载均衡。

这三个不同的功能的使用，都跟Nginx的配置密切相关，Nginx服务器的配置信息主要集中在"nginx.conf"这个配置文件中，并且所有的可配置选项大致分为以下几个部分.

main                                # 全局配置
 
events {                            # 工作模式配置
 
}
 
http {                              # http设置
    ....
 
    server {                        # 服务器主机配置（虚拟主机、反向代理等）
        ....
        listen 8080;     #你想让你的这个项目跑在哪个端口
        location {                  # 路由配置（虚拟目录等）
            ....
        }
 
        location / {
            root /usr/share/nginx/html/dist;#.dist文件的位置
            #proxy_pass http://172.17.89.56:8083;反向代理当请求跨域时配置端口转发
            ....
        }
 
        location /api {
            ....
        }
    }
 
    server {
        ....
 
        location {
            ....
        }
    }
 
    upstream name {                  # 负载均衡配置
        ....
    }
}