請求的資源上不存在“Access-Control-Allow-Origin”標頭。 因此不允許Origin'http：// localhost：8100'訪問

Question

server.js我已經聲明了權限

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

app.js

angular.module('app', ['ionic', 'ui.router'])

.config(('$urlRouterProvider', '$stateProvider', function($urlRouterProvider,$stateProvider){
    $urlRouterProvider.otherwise('/');
    $stateProvider
    .state('view',{
      url:'/',
      templateUrl:'js/components/view/view.html',
      controller:'viewCtrl'
    })

}))

view.js

.controller('viewCtrl',['$scope','$state','$http',function($scope,$state,$http)
{   

    $scope.pics=[];
    $http.get('http://localhost:8080/getNewPhoto').then(function(response){
        $scope.pics=response.data;
    },function(err)
    {
        console.error("There's an error"+err);
    })
}])

請幫助我解決這個問題我已經嘗試了所有可能的解決方案，但問題仍然存在

Answer 1

只需使用快遞的cors模塊 ，您就可以了：

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

Answer 2

您必須添加一個重要的標題。 將該行添加到服務器腳本：

res.header('Access-Control-Allow-Methods','POST, GET, OPTIONS, PUT');