前端项目部署
1.购买云服务器(略)
2.使用finalshell连接服务器
3.在root下新建一个software文件夹(文件夹名称随意并下载nignx
wget http://nginx.org/download/nginx-1.19.0.tar.gz
tar -xvf nginx-1.19.0.tar.gz
4.安装nginx
进入目录:cd nginx-1.19.0 执行命令:./configure 执行make命令: make 执行make install命令:make install
5.回到根目录(不是root,是root的父级目录)检查安装情况
cd /usr/loca/nginx/
./sbin/nginx -t
看到这句:nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful
6.启动nginx
/usr/local/nginx/sbin/nginx
其他常用指令:
/usr/local/nginx/sbin/nginx -s reload # 重新载入配置文件 /usr/local/nginx/sbin/nginx -s stop # 停止 Nginx /usr/local/nginx/sbin/nginx -t # 检查配置文件书写是否正确
7.上传项目文件
在usr/local/nginx目录下新建web文件夹把dist文件夹上传至此
8.配置nginx.conf(示例)
http段 => server段 => location段
- http段: 是要包含所有的Server段,即将nginx所有的虚拟主机配置包含进去
- server段: 一个server即一个虚拟主机配置段落,后期有多少个虚拟主机取决于server段
- location段:每个location段即表示该虚拟主机中的一个模块功能配置 域名后台的地址
- 注:
- 配置后面分号不能少,{} 和配置之间要有空格
- nginx配置文件中每一行的结束都要写上 分号 ;
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; #log_format main '$remote_addr - $remote_user [$time_local] "$request" ' # '$status $body_bytes_sent "$http_referer" ' # '"$http_user_agent" "$http_x_forwarded_for"'; #access_log logs/access.log main; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; #gzip on; server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / { root web/dist/; index index.html index.htm; } #error_page 404 /404.html; # redirect server error pages to the static page /50x.html # error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } }
9.重启nginx
/usr/local/nginx/sbin/nginx -s reload # 重新载入配置文件
10.访问服务器外网IP地址看见项目index.html则成功。若连接超时则需要开放一下服务器的安全组的80端口。