Javascript express.js+;angularjs独立路由
我在尝试设置express+angular应用程序时遇到问题 我可以将资产文件加载到其中 我将在这里发布来自express和html文件的代码。据我所知,Express只返回index.html文件,而不返回任何其他文件,使所有路由都返回该文件 以下是快递代码:Javascript express.js+;angularjs独立路由,javascript,angularjs,express,url-routing,Javascript,Angularjs,Express,Url Routing,我在尝试设置express+angular应用程序时遇到问题 我可以将资产文件加载到其中 我将在这里发布来自express和html文件的代码。据我所知,Express只返回index.html文件,而不返回任何其他文件,使所有路由都返回该文件 以下是快递代码: //server.js // set up ======================== var express = require('express'), bodyParser = require('body-parse
//server.js
// set up ========================
var express = require('express'),
bodyParser = require('body-parser'),
morgan = require('morgan'),
path = require('path'),
app = express(),
mongoose = require('mongoose'),
jwt = require('jsonwebtoken'), // used to create, sign, and verify tokens
config = require('./config'), // get our config file
User = require('./model/users'), //get our mongo model
routes = require('./middleware/routes');
// configuration =================
//var port = process.env.PORT || 8080;
app.use(express.static('/client'));
app.use(morgan('dev'));
app.use(bodyParser.urlencoded({'extended':'true'}));
app.use(bodyParser.json());
app.use(bodyParser.json({ type: 'application/json' }));
mongoose.connect(config.database);
app.set('superPin', config.secret);
// start server =================
//
app.listen(8080);
console.log('App strated and is listening on the port 8080');
//
app.get('/checkServer', function(request,response){
response.send('Works fine. Server started at default get routing to check if server runns.');
});
//
app.get('*',function(request,response){
response.sendFile(path.resolve('../client/view/index.html'));
});
//
//exports = module.exports = app;
这是我的index.html文件:
<!DOCTYPE html>
<html>
<head>
<title>My </title>
</head>
<body ng-app="pmt">
<div ng-view></div>
<script src="client/assets/vendor/angular/angular.min.js"></script>
<script src="client/assets/vendor/angular-bootstrap/ui-bootstrap.min.js"></script>
<script src="client/assets/vendor/angular-message/angular-message.min.js"></script>
<script src="client/assets/vendor/angular-touch/angular-touch.min.js"></script>
<script src="client/assets/vendor/angular-ui-router/angular-ui-router.min.js"></script>
<script src="client/assets/vendor/angular-touch/angular-touch.min.js"></script>
<script src="client/assets/vendor/moment/min/moment.min.js"></script>
<script src="client/controller/routes.js"></script>
</body>
</html>
我的
我现在将从我的文件夹结构中添加一个打印屏幕:
以下是回购协议的链接:
我看到了其他相关的帖子,但我无法找到我做错了什么
我在浏览器中遇到此错误,据我所知,您的问题是您无法确定如何在视图中链接文件或如何在目录中设置文件路由,因此在这里您可以按如下方式执行此操作 添加目录,如
app.use(express.static(path.join(__dirname, 'scripts')));
app.use(express.static(path.join(__dirname, 'Content')));
app.use(express.static(path.join(__dirname, 'Angular')));
app.use(express.static(path.join(__dirname, 'Views/Main')));
app.use(express.static(path.join(__dirname, 'Views/Authentication')));
作为内容,angular和脚本是根目录,并将jquery文件引用为
<script src="angular-resource.js"></script> //in angular folder on root
<script src="angular-ui-router.js"></script> //in script folder on root
<script src="/Controllers/MainController.js"></script> // in angular folder with child directories
//在根目录的角度文件夹中
//在根目录上的脚本文件夹中
//在包含子目录的文件夹中
我发现了我的错误,否则这可能只是一个解决办法。但实际上改变了这一点
app.use(express.static('/client'));
app.get('*',function(request,response){
response.sendFile(path.resolve('../client/view/index.html'));
});
对此
app.use('/client',express.static('../client/'));
app.get('/',function(request,response){
response.sendFile(path.resolve('../client/view/index.html'));
});
解决了我的问题
Thnx你到底想做什么?您想要服务器端路由还是角度路由?无法了解您的错误所在,需要帮助吗?我正在尝试进行角度路由,但无法加载所需的文件。我总是会遇到这样一个愚蠢的错误,Uncaught SyntaxError:Unexpected token