Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Deploy vue js / 10 сообщений из 10, страница 1 из 1
02.10.2019, 19:46
    #39870815
vb_sub
vb_sub
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
Всем привет, написал VueJS приложение, бэкэнд на asp core. Нужно развернуть фронтэнд на веб-сервере в локальной сети на своем оборудовании(Windows). Чтобы просто запустилось и стало доступно в локальной сети.
Сделал билд приложения, в проекте появилась папка "dist". Пытаюсь запустить Vue c помощью express.
Сделал следующую иерархию

root
+dist
+server
++app.js

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
//app.js

try {
  var express = require("express");
  var path = require("path");
  var serveStatic = require("serve-static");
  app = express();

  app.use(serveStatic(__dirname + "/dist"));
  var port = 3000;

  app.listen(port, () => {
    console.log(`Server running`);
  });
} catch (error) {
  console.log(error);
}



Запускаю терминал из папки server терминал с командой node app.js . Сервер запускается, но Vue-приложение не подгрузилось. По адресу http://localhost:3000/ получаю Cannot GET /. Подскажите, что не так.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2019, 21:16
    #39870855
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
vb_sub,

проблема в том, что вы не настроили приложение asp.net core. а с этим вам в другую ветку форума.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2019, 21:19
    #39870856
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
vb_sub,

непонятно зачем вам express, если бекенд на asp.net core.

может вам вот это нужно https://cli.vuejs.org/guide/prototyping.html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.10.2019, 08:48
    #39870949
vb_sub
vb_sub
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
hVostt, бэкэнд на asp core написал потому что не знаю javascript бэкэнд умею только бэкэнд на C#. Планировал деплоить 2 приложения отдельно- один фронтэнд и другой бэкэнд. Думал просто, что можно vue приложение аналогично развернуть на вебсервере, как C# web приложение(запускаешь просто консольное приложение и оно сразу работает).
Это считается плохой практикой, когда фронтэнд и бэкэнд в разных типах приложений?
Буду пробовать встроить vue в asp-core приложение и задеплоить его.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.10.2019, 10:05
    #39870975
carrotik
carrotik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
vb_sub,

.. а почему бы не использовать vue-cli, и не построить дистрибутив с его помощью - получится index.html и два каталога js/css .. да и кладите их на вебсервер, как статику ... если же вам отладка нужна, так тот же vue-cli через npm run serve ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.10.2019, 11:11
    #39871020
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
vb_subЭто считается плохой практикой, когда фронтэнд и бэкэнд в разных типах приложений?

разные практики есть, зависит от условий и задач

самая естественная это размещение фронта и бека в одном приложении, с одним URL.
бек по запросу отдаёт приложение клиента, а методы апи сопровождаются префиксным путём
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.10.2019, 12:10
    #39871054
irbis_al
irbis_al
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
hVosttvb_sub,

непонятно зачем вам express, если бекенд на asp.net core.

может вам вот это нужно https://cli.vuejs.org/guide/prototyping.html

М..Мне кажется что именно экспересс ему и нужен...ибо vue насколько я знаю использует серверный рендеринг и поэтому должен быть запущен worker(ну так в реакте делается) ,что возвращает ответ рендеринга....
(Я читал как подружить реакт и java на backendе ,-и там такой головняк ,используется движок JS на java ScriptEngener )
Поэтому .
Если данные на asp core то...
express нужно делать в режиме прокси

Код: javascript
1.
2.
3.
4.
app.get('/mypoint',function(req, res){
   result= getfromasp(req,hostaspcore,'/mypoint');
 res.send(result);
});


Есть где то решения,что express как прокси работает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.10.2019, 12:20
    #39871063
irbis_al
irbis_al
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
vb_subВсем привет, написал VueJS приложение, бэкэнд на asp core. Нужно развернуть фронтэнд на веб-сервере в локальной сети на своем оборудовании(Windows). Чтобы просто запустилось и стало доступно в локальной сети.
Сделал билд приложения, в проекте появилась папка "dist". Пытаюсь запустить Vue c помощью express.
Сделал следующую иерархию

root
+dist
+server
++app.js

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
//app.js

try {
  var express = require("express");
  var path = require("path");
  var serveStatic = require("serve-static");
  app = express();

  app.use(serveStatic(__dirname + "/dist"));
  var port = 3000;

  app.listen(port, () => {
    console.log(`Server running`);
  });
} catch (error) {
  console.log(error);
}



Запускаю терминал из папки server терминал с командой node app.js . Сервер запускается, но Vue-приложение не подгрузилось. По адресу http://localhost:3000/ получаю Cannot GET /. Подскажите, что не так.

Я не знаю как деплоится vue ,но реакт ...папка build кидается в express
и там прописывается
Код: javascript
1.
2.
3.
4.
5.
6.
app.use(express.static(path.resolve(__dirname, 'build')))

// All remaining requests return the React app, so it can handle routing.
app.get('*', function(request, response) {
    response.sendFile(path.resolve(__dirname, 'build', 'index.html'));
});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.10.2019, 12:39
    #39871083
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
irbis_alМ..Мне кажется что именно экспересс ему и нужен...ибо vue насколько я знаю использует серверный рендеринг и поэтому должен быть запущен worker(ну так в реакте делается) ,что возвращает ответ рендеринга....
(Я читал как подружить реакт и java на backendе ,-и там такой головняк ,используется движок JS на java ScriptEngener )
Поэтому .
Если данные на asp core то...
express нужно делать в режиме прокси

серверный рендеринг нужен только для сео.

крупные компании вообще не жалуют серверный рендеринг спа приложений, классическая генерация страниц, припудренная js/vue/react является более эффективным решением как с точки зрения сопровождения, так и разработки.

скорее всего тут не пахнет задачами сео. поэтому не стоит и заморачиваться.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.10.2019, 15:35
    #39871193
vb_sub
vb_sub
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Deploy vue js
Серверный рендеринг не нужен. В принципе получилось запустить на IIS, правда перенаправление с несуществующих роутов перестало работать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Deploy vue js / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 166ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443646]:
 0ms
get settings:
 11ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 55ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 52ms
get tp. blocked users:
 2ms
others: 12ms
total:  166ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]