Javascript 使用[MEAN]对API进行POST Request时阻止跨源请求

我正在使用表格中输入的ngx标签，它允许我添加标签。我很惊讶，因为我已经在使用cors了。看

package.json

server.js

这是我的简单表格 ask.component.html

一切看起来都不错，但数据并没有推送到mongodb。我发现了cors的错误

---

PS：我在

上上载了一些重要文件。由于您的应用程序与您的服务不在同一个域上运行，因此出现此错误。您需要通过添加“Access Control Allow Origin”标题来配置服务器以接受这些呼叫。

是否可以粘贴服务器端代码？确定。我已经在github上上传了所有必要的文件。服务器端代码和前端代码是否都在localhost:3000上运行？如果是，请更改一台服务器的端口并重试。请再次阅读问题并相应编辑答案，然后再进行否决投票。祝你一切顺利。

"dependencies": {
    "cors": "^2.8.5"
    ...
  }

const cors = require('cors');
...
app.use(cors());

<div class="container">
  <div class="row pt-5">
    <div class="col-md-12 col-lg-12 col-sm-12 bg-light">
      <form [formGroup]="editorForm (keydown.enter)="$event.preventDefault()">
        <div class="form-group">
          <!-- some other input field -->
        </div>
        <div class="form-group">
          <ngx-tags-input class="form-control input-lg" [ngModelOptions]="{standalone: true}" [(ngModel)]="makeNewQuest.tags" id="my-tags" name="tags"></ngx-tags-input>
        </div>
        <button class="btn btn-primary mt-3 mb-3" (click)="onSubmit()">Submit</button>
      </form>
     </div>
    </div>
</div>

onSubmit() {
    console.log("clicked onSubmit");        
    var titleFromField = "Demo title";
    var content = "Demo content";
    var askedby = localStorage.getItem('firstname') + " " + localStorage.getItem('lastname');
    var date = new Date().toUTCString();

    this.makeNewQuest.qtitle = titleFromField;
    this.makeNewQuest.qcontent = content;
    this.makeNewQuest.date = date;
    this.makeNewQuest.askedby = askedby;

    console.log(this.makeNewQuest);


    this._auth.pushNewQuest(this.makeNewQuest)
      .subscribe(
        res => {
          //console.log(res);
          this._router.navigate(['/discussions']);
        },
        err => console.log(err)
      );
  }