Also habe ich einige Tutorials zum Erstellen einer Mean-Stack-Anwendung gemacht, und bis jetzt habe ich es geschafft, eine einseitige Anwendung zu erstellen, wenn ich es versuche Verknüpfen Sie mehrere HTML-Seiten, außer der index.html, es gibt entweder eine CAN NOT GET-Seite zurück oder tut gar nichts. Ich bin ein Anfänger, also würde jede Eingabe fantastisch sein.Ich kann keine Verbindung zu anderen HTML-Seiten in meiner MEAN Stack-Anwendung herstellen.
Hier ist die Dateistruktur:
Hier ist meine Server.js:
var express = require('express'),
app = express(),
bodyParser = require('body-parser'),
mongoose = require('mongoose'),
signupController = require('./server/controllers/signup-controller');
mongoose.connect('mongodb://localhost:27017/shopialmedia');
app.use(bodyParser());
app.get('/', function (req, res) {
res.sendFile(__dirname + '/client/views/index.html');
});
app.use('/js', express.static(__dirname + '/client/js'));
//REST API
app.get('/api/users', signupController.list);
app.post('/api/users', signupController.create);
app.listen(8080, function() {
console.log('I\'m Listening...');
})
Ich bin ziemlich sicher, es hat etwas mit der res.sendFile zu tun hat, aber als ich Ich bin nur Anfänger, also weiß ich nicht, was ich schreiben soll. Ich habe app.use versucht (express.static ('../ client/views')); aber ohne Erfolg. Wie auch immer, jede Eingabe würde sehr geschätzt werden. Danke im Voraus.
EDIT: Auch hier ist die index.html wenn das helfen kann:
<!doctype html>
<html ng-app = "signupApp">
<head>
<!-- META -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><!-- Optimize mobile viewport -->
<title>Welcome to Shopial Media</title>
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"><!-- load bootstrap -->
<style>
html { overflow-y:scroll; }
body { padding-top:50px; }
</style>
</head>
<body style="background-color:lightgrey;">
<a class="btn btn-primary" href= "product.html" role="button">Products</a>
<a2 class="btn btn-primary" href= "offers.html" role="button">Offers</a2>
<a3 class="btn btn-primary" href= "search.html" role="button">Search</a3>
<div class="jumbotron text-center">
<h1>Welcome to ShopialMedia</h1>
</div>
<h2> Sign up if you haven't already </h2>
<div ng-controller = "signupController">
<form ng-submit = "createUser()">
<label> Email : </label>
<input type="text" placeholder="Enter your Email" ng-model="userEmail" id="textEmail"></input>
<BR>
<label> Password: </label>
<input type="text" placeholder="Enter your password" ng-model="userPass" id="textPass"></input>
<BR>
<label> First Name: </label>
<input type="text" placeholder="Enter your First Name" ng-model="userFName" id=t extFname></input>
<BR>
<label> Last Name : </label>
<input type="text" placeholder="Enter your Last Name" ng-model="userLName" id=t extLname></input>
<BR>
<label> Age : </label>
<input type="text" placeholder="Enter your Age" ng-model="userAge" id=t extAge></input>
<BR>
<button type="submit" ng-click="signup()"> Sign Up </button>
</form>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-resource.js"></script>
<script type="text/javascript" src="/js/app.js"></script>
<script type="text/javascript" src="/js/controllers/signup-controller.js"></script>
</body>