前端vue项目部署到云服务器教程

1、pcre、pcre-devel安装

pcre是一个perl库，包括perl兼容的正则表达式库，nginx的http模块使用pcre来解析正则表达式，所以需要安装pcre库。

安装命令：

yum install -y pcre pcre-devel

2、zlib安装

安装命令：

yum install -y zlib zlib-devel

3、安装openssl

openssl是web安全通信的基石，没有openssl，可以说我们的信息都是在裸奔

安装命令：

yum install -y openssl openssl-devel

4、安装nginx

下载nginx安装包并上传合适目录下

这里我是放在/usr/local路径下

5、解压nginx压缩包到当前目录下

tar -zxvf nginx-1.20.2.tar.gz

（tar -zxvf 压缩包名字）

我下载的是1.20.2版本nginx

下载地址：nginx包下载

6、编译安装nginx

将nginx编译安装到/usr/local/nginx下

./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=/usr/local/pcre-8.35

make

make install

7、进入  /usr/local/nginx/sbin 下启动nginx 

在这个目录下

./nginx

8、把打包的vue项目dist文件夹放到/usr/local/nginx/html下面

9、修改config配置，在/usr/local/nginx/conf/nginx.conf目录

location / {
            root   html/dist/;
            index  index.html index.htm;
            try_files $uri $uri/ @router;
            index index.html;
        }
        location @router {
        	rewrite ^.*$ /index.html last;
        }

 

记得配置映射的端口号，并且去服务器配置开放这个端口号

10、重启nginx服务

./nginx  -s reload

输入ip和配置的端口号就能访问了

另附：配置nginx为全局环境变量 （可配可不配，我为了方便点）

 ln -s /usr/local/nginx/sbin/nginx /usr/local/bin/

前者是源文件，后者是目标文件

nginx常见命令

启动nginx

/usr/local/nginx/sbin/nginx

关闭nginx

/usr/local/nginx/sbin/nginx -s stop

重启nginx

/usr/local/nginx/sbin/nginx -s reload