创建目录
在服务器linux上创建目录用于存放资源文件。一般为=/xx/xx
创建nginx配置文件
cd /usr/local/nginx/conf/conf.d 切换到当前目录
vim xxx.conf 执行vim命令。生成配置文件
未配置ssl 的代码
server {
server_name www.xxx.com;
location / {
root /home/web/xxx/dist;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
}
配置ssl 的代码
server {
listen 80;
server_name www.xxx.cn xxx.cn;
gzip on;
gzip_min_length 1k;
gzip_comp_level 9;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
rewrite ^(.*) https://$server_name$1 permanent;
}
server {
listen 443 ssl;
server_name www.xxx.cn xxx.cn;
ssl_certificate /usr/local/nginx/conf/conf.d/ssl/xxx.cn.pem;
ssl_certificate_key /usr/local/nginx/conf/conf.d/ssl/xxx.cn.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;
location / {
root /home/web/xxx/dist;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
}
需要下载阿里云SS配置文件。
css, img设置nignx缓存
server {
listen 80;
server_name www.bpmnmoderler.com;
gzip on;
gzip_min_length 1k;
gzip_comp_level 9;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
location / {
root /xxx/dist;
index index.html index.htm;
}
location /flowable {
alias /xxx/flowable;
index index.html index.htm;
}
location ~ ^/(images|img|javascript|js|css|flash|media|static)/ {
root /xx;
autoindex on;
access_log off;
expires 30d;
}
}
重启nignx
/usr/local/nginx/sbin/nginx -s reload
常见错误
403 Forbidden
缺少index.html,就是配置文件中index index.html index.htm这行中的指定的文件。
server {
listen 80;
listen [::]:80;
server_name _;
root /usr/share/nginx/html;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
root /root/xiaoaodi/index/dist;
//缺少这行配置会出现403 Forbidden
index index.html;
}
}