NginxConfig简介

nginxconfig号称你唯一需要的nginx配置工具，可以使用可视化界面来生成nginx配置，功能非常强大，在github上已有15k+star！

下面是NginxConfig使用过程中的一张效果图，大家可以看下！

安装

接下来介绍下NginxConfig的安装，在Linux上安装它还是比较方便的。

安装Node.js

由于NginxConfig是一个基于Vue的前端项目，我们首先得安装Node.js。

首先从官网下载Node.js的安装包

下载地址：https://nodejs.org/zh-cn/download/

下载成功后将安装包解压到/usr/local/src/目录下，使用如下命令即可；

cd /usr/local/src/
tar xf node-v16.14.2-linux-x64.tar.xz
cd node-v16.14.2-linux-x64/
./bin/node -v

使用./bin/node -v命令可查看当前安装版本；

如果想在Linux命令行中直接运行，还需对node和npm命令创建软链接；

ln -s /usr/local/src/node-v16.14.2-linux-x64/bin/node /usr/bin/node
ln -s /usr/local/src/node-v16.14.2-linux-x64/bin/npm /usr/bin/npm
node -v
npm -v

创建完成后使用命令查看版本，至此Node.js安装完成。

安装NginxConfig

Node.js安装完成后，就可以开始安装NginxConfig了。

首先下载NginxConfig的安装包，

下载地址：https://github.com/digitalocean/nginxconfig.io

下载完成后解压到指定目录，并使用npm命令安装依赖并运行；

tar -zxvf nginxconfig.io-master.tar.gz
npm install
npm run dev

NginxConfig运行成功后就可以直接访问了，看下界面支持中文还是挺不错的，访问地址：http://192.168.3.105:8080

使用

接下来我们就体验下NginxConfig的可视化配置生成功能，看看是不是够强大！

使用准备

首先我们需要安装Nginx，Nginx的安装可以参考之前写的Nginx使用教程 ；

我们将实现如下功能，通过静态代理访问在不同目录下的静态网站，通过动态代理来访问SpringBoot提供的API接口；

# 静态代理，访问mall文档网站
docs.macrozheng.com
# 静态代理，访问mall前端项目
mall.macrozheng.com
# 动态代理，访问mall线上API
api.macrozheng.com

需要提前修改下本机host文件。

192.168.3.105 docs.macrozheng.com
192.168.3.105 mall.macrozheng.com
192.168.3.105 api.macrozheng.com

文档网站配置

我们先来配置下mall文档网站的访问，域名为：docs.macrozheng.com。

在NginxConfig中选择好预设为前端，然后修改服务配置，配置好站点、路径和运行目录；

不需要HTTPS的话可以选择不启用；

然后在全局配置->安全中去除Content-Security-Policy设置；

再修改性能配置，开启Gzip压缩，删除资源有效期限制。

前端网站配置

再来配置下mall前端网站的访问，域名为：mall.macrozheng.com。

接下来我们再添加一个站点，修改下服务配置即可，其他和上面的基本一致。

API网站配置

最后配置下mall的Swagger API文档网站的访问，域名为：api.macrozheng.com。

继续添加一个站点，修改服务配置，只需修改站点名称即可；

然后启用反向代理并设置，反向代理到线上API；

路由功能暂时不用可以关闭。

使用配置 接下来我们就可以直接下载NginxConfig给我们生成好的配置了；

我们先来看下NginxConfig给我们生成的配置内容，这种配置手写估计要好一会吧；

点击按钮下载配置，完成后改个名字，然后上传到Linux服务器的Nginx配置目录下，使用如下命令解压；

tar -zxvf nginxconfig.io.tar.gz

大家可以看到NginxConfig将为我们生成如下配置文件；

接下来将我们之前的mall文档网站和mall前端网站放到Nginx的html目录下，然后重启Nginx就可以查看效果了；

docker restart nginx

先访问下我们的mall文档网站，访问地址：http://docs.macrozheng.com/

在访问下mall的前端网站，访问地址：http://mall.macrozheng.com

最后访问下mall的API文档网站，访问地址：http://api.macrozheng.com/swagger-ui.html

# nginx  # 文档  # 就可以  # 目录下  # 下载地址  # 安装包  # 给我们  # 线上  # 完成后  # 是一个  # 不需要 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何快速搭建个人网站并优化SEO？  Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  如何在云服务器上快速搭建个人网站？  SQL查询语句优化的实用方法总结  如何在VPS电脑上快速搭建网站？  php在windows下怎么调试_phpwindows环境调试操作说明【操作】  如何正确选择百度移动适配建站域名？  重庆市网站制作公司,重庆招聘网站哪个好？  活动邀请函制作网站有哪些,活动邀请函文案？  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  网站页面设计需要考虑到这些问题  Internet Explorer官网直接进入 IE浏览器在线体验版网址  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  PHP正则匹配日期和时间(时间戳转换)的实例代码  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  香港服务器WordPress建站指南：SEO优化与高效部署策略  如何在云虚拟主机上快速搭建个人网站？  如何将凡科建站内容保存为本地文件？  Android自定义控件实现温度旋转按钮效果  linux top下的 minerd 木马清除方法  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  如何快速生成高效建站系统源代码？  如何用PHP快速搭建高效网站？分步指南  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  做企业网站制作流程,企业网站制作基本流程有哪些？  Laravel如何使用Telescope进行调试？（安装和使用教程）  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  黑客如何利用漏洞与弱口令入侵网站服务器？  如何彻底卸载建站之星软件？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  长沙企业网站制作哪家好,长沙水业集团官方网站？  html5的keygen标签为什么废弃_替代方案说明【解答】  MySQL查询结果复制到新表的方法(更新、插入)  百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  如何在企业微信快速生成手机电脑官网？  在Oracle关闭情况下如何修改spfile的参数  历史网站制作软件,华为如何找回被删除的网站？  制作电商网页,电商供应链怎么做？  Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】  Android实现代码画虚线边框背景效果  网站建设整体流程解析，建站其实很容易！  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  Android使用GridView实现日历的简单功能  如何在搬瓦工VPS快速搭建网站？