Nginx前端配置通用版

默认文件1618845904156.png

在现有的nginx服务上增加配置 使用include导入配置,侵入小,通用

1. 在/app/目录下新增前端项目文件按项目名称存放到目录webapps

2. 在/app/nginx/目录下新增前端项目conf配置目录

3. 在前端conf配置目录新增项目配置文件

配置文件命名:

<pc/app>_<项目名称>_web_<port>.conf,例如: pc_slcl_web_8880.conf

配置文件内容:

# 指定二级目录
location /slcl {
# 指定项目存放目录
root /app/webapps/;
index index.html index.htm;
# 配置错误日志输出文件
error_log /app/nginx/logs/slcl-error.log error;
# * 允许所有的源请求
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
# 处理 OPTIONS 请求
if ($request_method = 'OPTIONS') {
return 204;
}
}

4. 扩展Nginx配置文件

/app/nginx/conf/nginx.conf

  1. 在原有配置的server中新增include /app/nginx/webapps_conf/*.conf;

5. 重启nginx服务并观察日志输出情况是否正常

  1. 启动命令(可直接到nginx/sbin中执行): /app/nginx/sbin/nginx -s reload
posted @   前端小鑫同学  阅读(13)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示