MEAN栈Web应用：$http失效，能否在vendor.service.js中引入request？

先明确一个核心前提：你的vendor.service.js是运行在Node.js后端（Express服务端），还是作为AngularJS前端服务在浏览器中执行？这两种场景的解决方案完全不同：

情况1：vendor.service.js是后端Node.js代码（完全可行） #

如果这个服务是后端的业务逻辑文件（和你的login后端控制器一样，跑在Express环境里），那直接使用request模块完全没问题，操作步骤如下：

1. 确保request模块已安装
   如果之前的login.controller.js能正常使用request，那项目里应该已经装过了；没装的话执行：

   npm install request --save
   

   注意：request模块已被标记为废弃（deprecated），长期来看更推荐用axios或node-fetch，但如果只是要兼容现有代码，用request完全没问题。

2. 在服务中引入并使用
   直接在vendor.service.js顶部添加引入代码：

   var request = require('request');
   

   之后就可以和login.controller.js里一样调用远程API了，比如GET请求示例：

   // 回调式用法
   request.get('https://your-remote-api.com/vendors', {
       headers: { 'Authorization': 'Bearer your-token' } // 按需添加请求头
     }, function(error, response, body) {
       if (!error && response.statusCode === 200) {
         // 处理返回的API数据
         console.log(JSON.parse(body));
       } else {
         // 处理错误
         console.error('请求失败:', error || response.statusMessage);
       }
   });
   
   // 如果你更习惯Promise异步写法，可以用request-promise
   // 先安装：npm install request-promise --save
   var rp = require('request-promise');
   rp.get('https://your-remote-api.com/vendors', { json: true })
     .then(function(data) {
       // 处理数据
     })
     .catch(function(err) {
       // 捕获错误
     });
   

情况2：vendor.service.js是前端AngularJS服务（不可直接用request） #

如果这个服务是AngularJS的前端服务（跑在浏览器里），那不能直接用require('request')——因为request是Node.js专属模块，依赖浏览器没有的Node.js核心API（比如http、fs），浏览器环境无法识别。

这时候有两个方向解决：

方案A：修复$http的问题 #

先排查为什么$http不能正常工作，常见原因有：

• 跨域问题（CORS）：后端API没有配置允许前端域名跨域访问，需要在Express后端添加CORS中间件（比如cors模块）
• 请求配置错误：比如请求头、请求方法、API地址写错，或者没有携带认证信息
• 响应格式问题：API返回的不是JSON格式，但$http默认期望JSON

举个正确的$http使用示例，你可以对照检查：

angular.module('yourApp').service('VendorService', ['$http', function($http) {
  this.getVendors = function() {
    return $http({
      method: 'GET',
      url: 'https://your-remote-api.com/vendors',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer ' + localStorage.getItem('token') // 按需添加认证
      }
    })
    .then(function(response) {
      return response.data; // 返回API数据
    })
    .catch(function(error) {
      console.error('$http请求失败:', error);
      throw error; // 把错误抛给控制器处理
    });
  };
}]);

方案B：用前端兼容的HTTP库替代 #

如果实在不想用$http，可以用前后端通用的axios，步骤如下：

1. 安装或引入axios

   • 用npm安装：npm install axios --save，然后通过Webpack/Browserify等模块打包工具引入
   • 或者直接在HTML里加CDN：<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

2. 在AngularJS服务中使用

   angular.module('yourApp').service('VendorService', [function() {
     this.getVendors = function() {
       return axios.get('https://your-remote-api.com/vendors', {
         headers: {
           'Authorization': 'Bearer ' + localStorage.getItem('token')
         }
       })
       .then(function(response) {
         return response.data;
       })
       .catch(function(error) {
         console.error('请求失败:', error);
         throw error;
       });
     };
   }]);
   

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