节点，快递，角度路由错误

Question

我正在学习 MEAN 堆栈，但目前还没有开始使用 db。我试图连接堆栈的其余部分，但它会引发错误

错误：对受限 URI 的访问被拒绝 createHttpBackend

我用谷歌搜索并找不到任何解决此问题的方法。

这是我在 Angular app.js 中的主要控制器：

app.controller('MainCtrl', function($scope, $http) {
    console.log("success");
    $http.get('/').
    success(function(data, status, headers, config) {
        console.log("success");
        $scope.name = data.name;
    }).
    error(function(data, status, headers, config) {
        $scope.name = 'Error!';
    })
});

我的节点服务器 app.js：

var express = require('express'),
    http = require('http');

var app = express();

app.set('port', 3000);

app.get('/', function(req, res) {
    var name = 'MyNameFromServer';
    res.send(name);
})

http.createServer(app).listen(app.get('port'), function () {
  console.log('Express server listening on port ' + app.get('port'));
});

这是浏览器控制台中的错误（发生 Angular http.get 时）：

"Error: Access to restricted URI denied
createHttpBackend/<@file:///F:/routing/js/angular.js:9902:6
sendReq@file:///F:/routing/js/angular.js:9703:0
$http/serverRequest@file:///F:/routing/js/angular.js:9415:15

请帮帮我。

这是完整的应用程序 - https://github.com/V1cHu/routing

Answer 1

查看您的代码后，我发现您的代码中存在一些问题 1) 您不需要添加跨浏览器支持代码

app.all('/*', function(req, res, next) {
 res.header("Access-Control-Allow-Origin", "*");
 res.header("Access-Control-Allow-Headers", "X-Requested-With");
 res.header("Access-Control-Allow-Methods", "GET, POST","PUT");
 next()}
);

还有这段代码

$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];

2) 在服务器端 app.js 文件中，将调用 app.get('/') 更改为其他路由，例如 app.get('/xyz')，因为它不允许您加载 Angular js代码

3)在您的主控制器 (MainCtrl) 中使用 $http.get('/xyz') ，如上更新。不要使用 $http.get('http://localhost:3000/')

$http.get('/xyz').
success(function(data, status, headers, config) {
    console.log("success");
    $scope.name = data;
}).
error(function(data, status, headers, config) {
    $scope.name = 'Error!';
})

编辑：在服务器端 app.js 添加此代码

var path = require('path')
app.use(express.static(path.normalize(__dirname + '/')));

并在客户端 app.js 文件中将 $scope.name 更改为 data not data.name

  $scope.name = data;

它会解决你的问题