res.redirect() cors 在 MEAN 应用程序中不起作用

Question

我有一个使用 Angular 5 的 MEAN APP，我正在尝试将用户重定向到外部 URL，但我不知道为什么我会在控制台中收到接下来的两个错误

• 无法加载https://www.google.com.ar/：否 请求中存在“Access-Control-Allow-Origin”标头 资源。因此不允许使用原点“http://localhost:3000” 访问。

• （未知 url）的 Http 失败响应：0 未知错误

我已经启用了 CORS，但仍然无法使用

组件 Angular 5

this.http.get('/api/producto').subscribe(data => {
  console.log(data);
});

APP.JS

var express = require('express');
var compression = require('compression');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var bodyParser = require('body-parser');
var morgan = require('morgan');
var mongoose = require('mongoose');
var passport = require('passport');
var config = require('./config/database');
var cors = require('cors');

var app = express();
app.use(cors());

app.get('/api/producto', cors(), function (req, res) {
  res.status(301).redirect("https://www.google.com.ar")
  res.end();
})

app.use(compression());

mongoose.Promise = require('bluebird');
mongoose.connect(config.database, { promiseLibrary: require('bluebird') })
  .then(() => console.log('connection succesful'))
  .catch((err) => console.error(err));

app.use(passport.initialize());

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ 'extended': 'false' }));
app.use(express.static(path.join(__dirname, 'dist')));

app.use('', express.static(path.join(__dirname, 'dist')));
app.use('/', express.static(path.join(__dirname, 'dist')));

app.use(function (req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

app.use(function (err, req, res, next) {
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

如果我转到“http://localhost:3000/api/producto”，重定向效果很好，但如果组件调用 api，它就不起作用

Answer 1

您的代码可能没有按照您的意愿运行，但运行正常。即使您在后端使用 cors，您发送 /api/producto 的响应也会重定向到 google。

当 Angular 进行调用时，它会重定向到 google 作为响应。然后前端尝试向 google 发出 ajax 请求，该请求没有 CORS 标头（只有您的后端响应具有 CORS 标头）。

如果你想将用户重定向到google，你的后端需要返回状态码为200的url，然后在你的前端你可以重定向url

this.http.get('/api/producto').subscribe(url=> {
  window.location.href = url;
 });