前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Nginx前端配置通用版

Nginx前端配置通用版

作者头像
前端小鑫同学
发布2022-12-24 11:45:29
6040
发布2022-12-24 11:45:29
举报
默认文件1618845904156.png
默认文件1618845904156.png

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

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

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

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

配置文件命名:

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

配置文件内容:
代码语言:javascript
复制
# 指定二级目录
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服务并观察日志输出情况是否正常
  2. 启动命令(可直接到nginx/sbin中执行): /app/nginx/sbin/nginx -s reload
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-04-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 在/app/目录下新增前端项目文件按项目名称存放到目录webapps
  • 2. 在/app/nginx/目录下新增前端项目conf配置目录
  • 3. 在前端conf配置目录新增项目配置文件
    • 配置文件命名:
      • 配置文件内容:
      • 4. 扩展Nginx配置文件
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档