【linux部署前端项目】

linux部署前端项目（本地部署）

1.nginx安装

#在/usr/local/目录下新建nginx目录    
sudo  mkdir nginx
#升级文件权限
sudo chmod 777  mginx
#----------------------------------
#安装nginx需要的依赖  注意 ：这里可能要更新apt-get的源
sudo apt-get install gcc
sudo apt-get install libpcre3 libpcre3-dev
sudo apt-get install zlib1g zlib1g-dev
sudo apt-get install openssl 
sudo apt-get install libssl-dev

#进入/usr/local/nginx目录
cd /usr/local/nginx

#下载nginx
sudo wget http://nginx.org/download/nginx-1.13.7.tar.gz

#解压下载的文件 nginx-1.13.7.tar.gz
sudo tar -xvf nginx-1.13.7.tar.gz 

#进入nginx-1.13.7目录
cd nginx-1.13.7

#编译nginx文件
sudo ./configure

#执行make命令    这里可能会报错，原因是版本不匹配，解决办法见本文最后5
sudo make

#执行make install命令
sudo make install

#启动nginx命令   进入到nginx目录中，找到 sbin目录 中的nginx文件
cd /usr/local/nginx/sbin
sudo ./nginx  #启动nginx

2.确定前端dist文件

#---------------------------------------------------
#将前端打包的 dist 目录放在  /home/myProject中（这个位置可以自己确定 ）
#移动文件可能会缺少 权限，使用chmod给目录或者文件升级权限
#---------------------------------------------------

3.配置nginx配置文件

#配置nginx的配置文件 
#一般情况下不会直接 操作 nginx的 配置文件，那么就 复制一份到nginx/nginx-1.13.7目录下
sudo cp /usr/local/nginx/nginx-1.13.7/conf/nginx.conf /usr/local/nginx/nginx-1.13.7

编辑nginx.conf文件

到这里nginx的配置基本上已经完成

4.启动nginx

sudo  ./usr/local/nginx/sbin/nginx -c /usr/local/nginx/nginx-1.13.7/nginx.conf 
#后面的nginx.conf是我们自己配置的文件，不是原来的文件

5.安装编译遇到的问题

#解决办法  找到你安装nginx的根目录，进入下面的unix目录，并修改 “ngx_user.c” 文件
cd /usr/local/nginx/nginx-1.13.7/src/os/unix
sudo vi ngx_user.c #修改 文件

保存退出即可

6.注意

如果防火墙是开的，那么就需给端口放行，否则访问会失败