放弃手写配置Nginx配置，Nginx可视化工具一秒搞定

真正的大师,永远都怀着一颗学徒的心！

一、项目简介

    nginx后端开发人员必会的一门技能，我们经常在项目中用到，配置的时候有时候常见的问题有，访问不到接口，css，json不生效，图片不显示，iconfont不显示等问题，部署新项目的时候总得花一些时间在这上面。

nginx常见错误

1、端口号被占用起不起来

2、图片有的显示，有的不显示，没有在nginx配置图片的rewrite或者是没有加下面的代码

          location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|svg)$ {

              root /tes/images;             

              rewrite ^/test/(.*) /$1 break; 

              proxy_pass http://localhost:8090;

            }

3、css,js不显示，vue项目很常见的问题，需要添加下面的代码

             location ~ .*.(js|css)$ {

                 proxy_pass http://127.0.0.1:8090;

             }

    

    虽然都不是什么大问题，但是确实有点头疼！如果存在一个一键配置神器，那得多nice！

实现步骤：

1、安装Node.js

2、安装NginxConfig

（1）下载

（2）执行命令

    tar -zxvf nginxconfig.io-master.tar.gz

    npm install

    npm run dev

3、访问地址就ok啦

二、实现功能

• 图形化的配置方式

• 点点鼠标就可以生成一份正确的配置文件
  

三、技术选型

• html

• css

• js

四、界面展示 

五、源码地址

私信回复：nginx