Nginx

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

2022-09-18  本文已影响0人  美美科技生活

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

一、项目简介

    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啦

二、实现功能

三、技术选型

四、界面展示 



五、源码地址

私信回复:nginx



上一篇下一篇

猜你喜欢

热点阅读