请求的资源上不存在“Access-Control-Allow-Origin”标头。 因此不允许Origin'http：// localhost：8100'访问

Question

server.js where i've declared the permissions

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);
    })
}])

kindly help me out in this problem I've tried all possible solution but the problem is still there

Answer 1

Simply use cors module of express and you will be fine:

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

app.use(cors())

Answer 2

You must add an important header. Add that line to server script:

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