Есть ли способ, как решить коррупционную политику?

Question

Я пытаюсь войти в мое приложение стека mern, сзади кажется, что все в порядке, спереди, проблема в том, что, если я пытаюсь войти, он говорит, что у него есть проблемы с политикой CORS. Если я добавлю пакет cors на сервер, сервер не будет загружать данные.

Вот передняя часть

constructor(props){
        super(props);
        this.state = {
            userName: '',
            password: ''
        };
    }
    handleInputChange = (event) => {
        const {value, name} = event.target;
        this.setState({
            [name]: value
        });
    };
    onSubmit = event => {
      event.preventDefault();
      fetch('http://localhost:5000/api/users/authenticate', {
          method: 'POST',
          body: JSON.stringify(this.state),
          headers: {
              'Content-Type': 'application/json'
          }
      }).then(res=>{
          if (res.status === 200) {
              console.log('hello world');
              this.props.history.push('/');

          }else{
              const error = new Error(res.error);
              throw error
          }
      }).catch(err => {
          console.error(err);
      })
    };

а вот задняя часть

router.post('/authenticate', (req, res) => {
    const { userName, password } = req.body;

    if (!userName || !password) {
        let msg = "Username or password missing!";
        console.error(msg);
        res.status(401).json({msg: msg});
        return;
    }

    User.findOne({ userName })
        .then(user => {
            bcrypt.compare(password, user.password)
                .then(isMatch => {
                    if(!isMatch) return res.status(400).json({ msg: 'Wrong password' });
                    jwt.sign(
                        { id: user.id },
                        config.get('jwtSecret'),
                        { expiresIn: 3600 },
                        (err, token) => {
                            if(err) throw err;
                            res.json({token, user: {
                                    id: user.id,
                                    userName: user.userName
                                }
                            });
                        }
                    )
                })
        })
});

Основной результат - просто войти в систему и удалить все проблемы с политикой cors. Спасибо за все советы!

Answer 1

в вашем файле index.js,

const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors({
      origin:'http://localhost:4200',//development server
      optionsSuccessStatus: 200
  }));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(express.static(__dirname+ '/client/dist/client'));
app.get('*', (req, res)     => {
    res.sendFile(path.join(__dirname+ '/client/dist/client/index.html'));
});
app.listen(5000, ()=>{
      console.log("server is running");
});

хорошо использовать const router = express.Router();

Answer 2

Вы можете просто:

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "*");
  next();
});

Answer 3

Скорее всего, вы не настроили сервер для использования пакета cors

const cors = require('cors');
const app = express();

app.use(cors());