Bower非托管包源注册Nexus失败及Angular.js依赖免VPN部署咨询

针对你碰到的这两个技术问题，我整理了实操性很强的解决方案，应该能帮你顺利解决：

既然你已经在用bower-nexus3-resolver，可以按以下步骤调整配置和操作，实现非托管包的Nexus注册：

• 完善bower.json的resolver配置
  在项目根目录的bower.json中，补充resolver的详细配置，明确Nexus仓库地址、认证信息（如果启用了权限控制），以及需要映射的非托管包：

  {
    "resolvers": [
      "bower-nexus3-resolver"
    ],
    "nexus3": {
      "url": "http://localhost:8081/service/rest/repository/browse/bower-internal/",
      "auth": {
        "username": "你的Nexus用户名",
        "password": "你的Nexus密码"
      },
      "packages": {
        "目标非托管包名": {
          "registry": "该包的原始源地址"
        }
      }
    }
  }
  

  这里的packages字段用来指定非托管包的映射关系，让resolver知道从原始源拉取包后同步到你的Nexus托管仓库。
• 手动推送非托管包（自动同步失败时的备选方案）
  如果自动同步没生效，可以手动操作把包传到Nexus：
  1. 打开你创建的Bower托管仓库页面（http://localhost:8081/service/rest/repository/browse/bower-internal/）
  2. 点击右上角的Upload按钮
  3. 选择该非托管包的压缩包（一般是zip格式），填写包名、版本号等必要信息，完成上传
• 验证拉取是否正常
  执行命令bower install 目标非托管包名 --registry http://localhost:8081/repository/bower-internal/，确认能从Nexus成功拉取到包。

核心思路是让所有依赖都从你的Nexus仓库拉取，完全绕开需要VPN的原始源，具体步骤如下：

• 将VPN依赖同步到Nexus
  1. 在能访问VPN的本地环境中，执行bower install拉取那些需要VPN的依赖
  2. 找到本地Bower缓存中的这些依赖（通常在~/.bower目录下）
  3. 按照问题1中的手动上传步骤，把这些依赖包上传到你的Nexus Bower托管仓库
• 修改应用的依赖源配置
  在项目的.bowerrc或bower.json中，把默认registry设置为你的Nexus仓库地址：

  // .bowerrc文件示例
  {
    "registry": "http://localhost:8081/repository/bower-internal/",
    "resolvers": ["bower-nexus3-resolver"]
  }
  

  这样Bower安装依赖时会优先从Nexus拉取，不再需要访问原始的VPN依赖源。
• 构建Docker镜像时从Nexus拉取依赖
  注意如果Nexus在本地主机，Docker容器内需要用host.docker.internal代替localhost（或者把容器和Nexus放在同一个Docker网络），示例Dockerfile如下：

  # 基于Node镜像构建（选择适配你项目的Node版本）
  FROM node:14-alpine
  
  # 设置工作目录
  WORKDIR /app
  
  # 先复制配置文件，利用Docker缓存优化构建速度
  COPY .bowerrc bower.json ./
  
  # 安装bower并拉取依赖
  RUN npm install -g bower && bower install --allow-root
  
  # 复制应用代码
  COPY . .
  
  # 启动应用（根据你的项目启动命令调整）
  CMD ["npm", "start"]
  

  这样构建镜像时，Bower会直接从Nexus拉取所有依赖，容器内完全不需要安装VPN。

内容的提问来源于stack exchange，提问作者Arkadi