沒有使用 Node.js 和 Angular.js 獲取頁面

Question

我無法使用 Node.js 和 Angular.js 獲得所需的局部視圖。 我的代碼如下。

服務器.js：

var port=8989;
var express=require('express');
var morgan = require('morgan');
var http=require('http');
var bodyParser= require('body-parser');
var methodOverride = require('method-override');
var mongo = require('mongojs');
var app=express();
var server=http.Server(app);
var admin=require('./route/route.js');
app.use(express.static(__dirname + '/public')); 
app.use(morgan('dev'));                  
app.use(bodyParser.urlencoded({ extended: false }))   
app.use(bodyParser.json())    
app.use(methodOverride());
app.get('/',function(req,res){
    res.sendfile('index.html');
})
server.listen(port);
console.log("Server is running on the port"+port);

以上是我的服務器端文件。

索引.html：

<!DOCTYPE html>
<html lang="en" ng-app="FGDP">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Chinmaya Sahu">
    <title>...:::WELCOME TO FGDP:::...</title>
    <link href="css/pace.css" rel="stylesheet">
    <script src="js/pace.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/angularjs.js" type="text/javascript"></script>
    <script src="js/angularuirouter.js" type="text/javascript"></script>
    <script src="js/loginRoute.js" type="text/javascript"></script>
    <script src="js/angularcaps.js" type="text/javascript"></script>
    <script src="js/angular-messages.js" type="text/javascript"></script>
    <script src="js/angularuibootstrap.js" type="text/javascript"></script>
</head>

<body>
<div  ui-view>

</div>
<!--<base href="/Gofasto/">-->
<!--<base href="/spesh/">-->
</body>
</html>

第一個用戶將獲得上面的頁面。在ui-view ，將呈現下面給出的部分視圖。

公共/js/loginRoute.js：

$stateProvider
     .state('/', {
            url: '/',
            templateUrl: 'view/login.html',
            controller: 'loginController'
        })

這里login.html是局部視圖，不來了。我的目錄結構如下。

1)root directory

  -> Node_modules
  -> Public
       =>JS
       =>CSS
       =>Controller
 -> View
 -> server.js
 ->Package.json

Answer 1

您編寫了以下行，將公共文件夾內的內容綁定到根路徑。

app.use(express.static(__dirname + '/public'));

例如，通過訪問http://localhost:8989/js/loginRoute.js ，您可以獲得 javascript 文件。

您的view文件夾不位於公共目錄下。 因此，您為http://localhost:8989/view/login.html得到404

一種可能的解決方案是將view目錄移動到public 。

沒有使用 Node.js 和 Angular.js 獲取頁面

問題描述

1 個解決方案

解決方案1
1 已采納 2016-12-12 09:49:20

沒有使用 Node.js 和 Angular.js 獲取頁面

問題描述

1 個解決方案

解決方案1 1 已采納 2016-12-12 09:49:20

解決方案1
1 已采納 2016-12-12 09:49:20