Advertisement

前端本地代理调试工具(Nginx)

阅读量:

1.1 win系统nginx安装与使用

nginx相较于apache,在性能上更为高效;在资源消耗方面更为节省;在配置便捷度上表现突出。具体参考:apache与nginx的优缺点比较

第一步是获取并下载 nginx 的官方版本

第二步:修改conf目录下的nginx.conf文件,主要配置35行左右的server

1.修改本地的发布目录,具体路径对照着自己文件位置

发布目录

复制代码
 ​

    
 location / {
    
  
    
     root   E:/dist;  #修改为你的本地的发布目录
    
  
    
     index  index.html index.htm;
    
  
    
 }
    
  
    
 ​

2.添加反向代理地址

复制代码
 ​

    
 location /gov {
    
  
    
     proxy_pass  #反向代理地址
    
  
    
 }
    
  
    
 ​

反向代理地址

  1. 配置完成后启动nginx:运行名为nginx的Windows程序或者在控制台输入'nstart nginx'命令

4.如果之前已启动nginx,nginx重启命令:nginx -s reload

学习笔记:在学习Nginx时,可供参考的是 nginx 配置详解 中的第四节内容.其中第四节专门讨论了HTTP常规配置设置.

1.2 mac系统nginx安装与使用

配置基本跟win系统类似。

第一步:获取nginx软件包。如果使用Homebrew的话,则可以直接通过运行命令'brew install nginx'来完成安装。

第二步:nginx安装完成后,nginx -v 查看当前版本,表明安装成功。

第三步:修改配置文件(/usr/local/etc/nginx/nginx.conf)。

1.修改本地的发布目录,具体路径对照着自己文件位置

发布目录

复制代码
 ​

    
 location / {
    
  
    
     root     #修改为你的本地的发布目录
    
  
    
     index  index.html index.htm;
    
  
    
 }
    
  
    
 ​

2.添加反向代理地址

反向代理地址

复制代码
 ​

    
 location /gov {
    
  
    
     proxy_pass  #反向代理地址
    
  
    
 }
    
  
    
 ​

3.配置完成后启动nginx:

启动命令:sudo nginx;

快速停止命令:sudo nginx -s stop

  • 平稳退出服务:使用sudo启动nginx服务并执行其"stop"指令
    • 重新启动服务:使用sudo启动nginx服务并执行其"restart"指令
    • 加载新配置文件:使用sudo启动nginx服务并执行其"reload"指令
复制代码

备注:

假如在输入命令时,出现类似如下报错:

报错

复制代码
 ​

    
 nginx: [error] open() "/usr/local/var/run/nginx.pid" failed (2: No such file or directory)
    
  
    
 ​

解决办法:

解决办法:

复制代码

再执行之前的操作即可

1.3 本地如何对https进行调试

将反向代理地址修改为https协议

修改https协议

复制代码
 ​

    
 location /gov{
    
  
    
     proxy_pass #https://代理地址
    
  
    
 }
    
  
    
 ​

全部评论 (0)

还没有任何评论哟~