nginx前端配置

有时候为了提测或者更方便前端人员管理内网环境下的前端项目，前端需要自行配置nginx服务器，方便其他人员访问

连接nginx服务器

命令

ssh [email protected] 

或工具IIS7服务器管理

找到路径上传 usr/local/nginx

命令

put path

工具

找到路径 /usr/loaca/nginx直接拖就行

权限不足

权限不足的原因是我们没有root权限，或者是操作文件夹权限，直接输入下面两个命令即可

sudo su

sudo chmod -R 777 /usr/local/nginx

解压到目标路径

将我们打包好上传的前端项目解压

tar zxvf xx.tar.gz -C /xx

修改配置文件

usr/local/nginx/conf/nginx.conf

所有文件都在一个目录下，适合umijs打包出来的项目

server {
    listen 6868;
    #listen 443 ssl;
    #server_name example-lingting.antelopecloud.cn;
    server_name localhost;
    charset utf-8;
    root /usr/local/nginx/aid_temp/html;
    # index index.html index.htm;
}

如果是自己配置的或者有其他文件夹的，有时候需要配置一下静态资源路径

server {
	listen       6767;
	server_name  localhost;
	
	# 静态资源映射
	location /css/ {
		root banmak_websit;
	}
	location /images/ {
		root banmak_websit;
	}
	location /js/ {
		root banmak_websit;
	}
	location /static/ {
		root banmak_websit;
	}
	# html文件
	location / {
           root   banmak_websit/html;
           index  index.html index.htm;
       }
	error_page   500 502 503 504  /50x.html;
       location = /50x.html {
           root   html;
       }
}

重启

检查配置文件

/usr/local/nginx/sbin/nginx -t

或

cd /usr/local/nginx/sbin

./nginx -t

重启服务

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

或

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