Experess.js + angularjs отдельная маршрутизация

Question

Experess.js + angularjs отдельная маршрутизация

0

У меня проблема с настройкой экспресс-+ углового приложения.

Я могу загрузить в него файлы активов.

Я напишу здесь свой код из файла express и html. Насколько я вижу, Express возвращает только файл index.html и ничего больше, поэтому все маршруты возвращают этот файл.

Вот экспресс-код:

//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>

Я добавлю теперь экран печати из моей структуры папок:

и вот ссылка на репо: https://bitbucket.org/cojok/pmt/

Я видел другие связанные должности, но мне не удается найти то, что я делаю неправильно.

Я получаю эту ошибку в браузере

cojok 07 нояб. 2015, в 19:01

Источник

1

Что именно ты пытаешься сделать? Вы хотите маршрутизацию на стороне сервера или угловую маршрутизацию?
Chris L 07 нояб. 2015, в 18:14
0

не могу понять, в чем дело, которое вы делаете, и вам нужна помощь?
prasun 07 нояб. 2015, в 18:21
0

Я пытаюсь сделать угловую маршрутизацию, но не могу загрузить нужные мне файлы. Я всегда получаю эту глупую ошибку, Uncaught SyntaxError: Unnexpected token <rout.js: 1, а route.js в браузере является html-файлом, потому что экспресс-рендеринг содержит только index.html. Я не знаю, что я делаю неправильно в экспрессе. Я пытаюсь выучить это, и я получил эту забавную ошибку. Thnx
cojok 07 нояб. 2015, в 20:52

Показать ещё 1 комментарий

Теги:

javascript

angularjs

express

url-routing

2 ответа

Ещё вопросы

Что именно ты пытаешься сделать? Вы хотите маршрутизацию на стороне сервера или угловую маршрутизацию?
не могу понять, в чем дело, которое вы делаете, и вам нужна помощь?
Я пытаюсь сделать угловую маршрутизацию, но не могу загрузить нужные мне файлы. Я всегда получаю эту глупую ошибку, Uncaught SyntaxError: Unnexpected token <rout.js: 1, а route.js в браузере является html-файлом, потому что экспресс-рендеринг содержит только index.html. Я не знаю, что я делаю неправильно в экспрессе. Я пытаюсь выучить это, и я получил эту забавную ошибку. Thnx

cojok · Answer 1 · 2015-11-08T10-41-00.000Z

Я узнал свою ошибку, или это может быть только исправить. Но на самом деле это изменение

 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

Nomi Ali · Answer 2 · 2015-11-08T10-17-00.000Z

Насколько я понимаю, ваша проблема заключается в том, что вы не можете понять, как связывать файлы во взглядах или как устанавливать маршруты файлов в каталоге, поэтому здесь вы можете сделать это как Добавить каталоги, например

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')));

Поскольку контент, угловые и скрипты являются корневыми каталогами и ссылаются на файлы 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