Question

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

无法加载https://www.google.com.ar/：否   ＆＃39;访问控制允许来源＆＃39;标题出现在请求的上   资源。起源＆＃39; http://localhost:3000＆＃39;因此是不允许的   访问。



（未知网址）的Http失败响应：0未知错误

我已经启用了CORS，但仍然无法正常工作

组件角色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;

如果我去＆＃34; http://localhost:3000/api/producto＆＃34;重定向工作完美，但如果组件调用api它不起作用

Answer 1

您的代码可能没有按照您的意愿执行，但工作正常。即使您在后端使用cors，您发送的回复/api/producto也会重定向到Google。

当angular进行调用时，它会重定向到谷歌作为响应。然后前端向google尝试ajax请求，该请求没有CORS头（只有你的后端响应有CORS头）。

如果您想将用户重定向到Google，您的后端需要返回状态代码为200的网址，然后在您的前端您可以重定向该网址

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

res.redirect（）cors不在MEAN应用程序中工作

1 个答案: