我收到错误“跨源请求被阻止”，即使我有 Express Cors 包

Question

我的应用程序代码：

import express, {Express, Request, Response, Router} from 'express';
import dotenv from 'dotenv';
import ArtistRouter from './routes/artist_routes';
import infoRouter from './routes/info_router';
import bodyParser from 'body-parser';
//Autor: Yannick Hiltscher 

dotenv.config();
const cors = require('cors');
const app: Express = express();
app.use(cors());
var BodyParser=require('body-parser')

app.use(ArtistRouter);
app.use(infoRouter);
app.use(bodyParser.json())

const port = process.env.PORT;
app.listen(port, () => {
    console.log(`Server started at http://localhost:${port}`);
});

我的路由器：

ArtistRouter.post('/artist', async (request,response) => {
    var Nation = request.body.Nation;
    var GB = request.body.GB; 
    var FN= request.body.FN;
    var LN=request.body.LN;
    var Web=request.body.Website;
    var Insta=request.body.Insta;
    var Rating=request.body.Rating;
    NewArtists(request, response, Nation, GB, FN, LN, Web, Insta, Rating);

我的下一个js代码：

   const ArtistData = {
      "Nation":"Australia",
      "GB":"amogus",
      "FN":"ei9fj",
      "LN":"eifj",
      "Website":"woi",
      "Insta":"fij",
      "Rating":"fjfj",
    }

    const API='http://localhost:8081/artist'
    axios.post(API, ArtistData)
        .then(response => {
           console.log('New artist created:');
           displaySuccessMessage("Artist created");
       })
        .catch(error => {
           console.log(ArtistData)
            console.error('Error creating artist:', error);
            displaySuccessMessage('Error creating artist');
       });
          const A=1;
         return A;
       }

我希望我的下一个 js 程序为我的 API 提供一些变量，但我收到错误“跨源请求被阻止”

可悲的是，我无法让它工作，我不知道为什么。有谁知道为什么我的 Nextjs 服务器没有发布请求的权限？

Answer 1

试试这个

import express from 'express';
import dotenv from 'dotenv';
import ArtistRouter from './routes/artist_routes';
import infoRouter from './routes/info_router';
import bodyParser from 'body-parser';
//Autor: Yannick Hiltscher 
import cors from 'cors'
dotenv.config();
const app = express();
app.use(bodyParser.json())
app.use(cors());
app.use(ArtistRouter);
app.use(infoRouter);
const port = process.env.PORT || 8081;
app.listen(port, () => {
    console.log(`Server started at http://localhost:${port}`);
});