使用nginx代理npm

本文讲述了如何在内网环境中,由于A机器无法直接访问外网,通过配置Nginx作为中转服务器,解决npm包下载时的重定向问题,包括设置代理超时时间和修改请求路径的详细步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

概况:
有一台内网机器搭建了 A 需要访问npm
有一个有nginx的外网服务器 B

A不可以直接连接外网,因此想要通过B中转。

在代理时发现

  1. npm返回的json中带了tgz包的下载地址,
  2. npm包的下载会出现重定向

因此,对代理做了一些调整,以便顺利下载,下面是实战配置:

worker_processes  1;

events {
    worker_connections  1024;
}

http {
proxy_connect_timeout 1800s; #nginx跟后端服务器连接超时时间(代理连接超时)
proxy_send_timeout 1800s; #后端服务器数据回传时间(代理发送超时)
proxy_read_timeout 1800s; #连接成功后,后端服务器响应时间(代理接收超时)
fastcgi_connect_timeout 1800s; #指定nginx与后端fastcgi server连接超时时间
server {
        listen       80;
        sendfile on;

        location / {
            proxy_pass   https://registry.npmmirror.com;
            proxy_set_header Accept-Encoding "";
            sub_filter_types "application/json";
            sub_filter_once off;
            sub_filter 'https://registry.npmmirror.com' 'http://nginx-server-ip';
            proxy_redirect ~^https://cdn.npmmirror.com(.*)   http://nginx-server-ip/cdn-npmmirror$1;
        }
        
         location /cdn-npmmirror {
            proxy_pass   https://cdn.npmmirror.com;
        }
}
}
### 配置 Nginx 作为 Spring Boot 和 Vue 应用的反向代理 为了实现代理 Spring Boot 后端与 Vue 前端的应用部署方案,可以通过以下方式配置 Nginx: #### 1. 安装 Nginx 在服务器上安装 Nginx 是第一步。如果是在 macOS 上操作,可以使用 Homebrew 进行安装: ```bash brew install nginx ``` 对于 Linux 系统,通常可以使用包管理器完成安装,例如 Ubuntu 下: ```bash sudo apt update && sudo apt install nginx ``` #### 2. 构建并运行 Spring Boot 后端应用 将 Spring Boot 应用程序打包为 JAR 文件,并通过 `java -jar` 命令启动它。假设后端服务监听的是默认端口 8080,则可以在终端中执行如下命令来启动后端服务: ```bash java -jar your-spring-boot-app.jar --server.port=8080 ``` 这一步确保了后端服务能够在指定端口正常工作[^2]。 #### 3. 构建 Vue.js 前端应用 构建 Vue.js 前端应用时,需先将其编译为目标静态资源文件夹(通常是 `dist`)。此过程可通过 npm 或 yarn 执行: ```bash npm run build # 或者 yarn build ``` 完成后会生成一个包含 HTML、CSS 和 JavaScript 的 `dist` 文件夹,这些文件会被放置到 Nginx 的根目录下用于提供静态页面支持[^3]。 #### 4. 编写 Nginx 配置文件 创建自定义的 Nginx 配置文件以设置反向代理规则。以下是典型的配置示例: ```nginx server { listen 80; server_name localhost; location /api/ { proxy_pass http://localhost:8080/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } location / { root /usr/share/nginx/html; index index.html index.htm; try_files $uri $uri/ /index.html; } } ``` 上述配置实现了两个主要功能:一是 `/api/` 路径下的请求被转发至本地运行的 Spring Boot 后端;二是其他路径上的请求则由 Nginx 提供来自前端项目的静态文件响应[^4]。 #### 5. 测试配置有效性 保存更改后的 Nginx 配置文件之后重启 Nginx 使新设定生效: ```bash sudo systemctl restart nginx # 或者,在macOS环境下 nginx -s reload ``` 此时访问域名或者 IP 地址即可加载 Vue 页面,而涉及 API 数据交互的部分也会经由 Nginx 正确路由给后台处理逻辑。 --- ###
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值