Nuxt SPA без сервера узла - PullRequest
Новая
       159

Nuxt SPA без сервера узла

0 голосов
/ 30 мая 2020

Я собираюсь создать Nuxt SPA с маршрутизацией и mb API в будущем, вот так:

  1. Backend сервер (на express или что-то еще) слушает и по запросу передает весь SPA клиенту.
  2. Теперь пользователь может использовать все на стороне клиента (включая маршрутизацию) без каких-либо дополнительных запросов к бэкэнду (только запросы mb API)

Это означает, что сервер должен выдавать некоторые .html файл с js и css файлами как SPA, и он будет работать на стороне клиента.

Я попытался запустить некоторые команды, такие как nuxt build и nuxt generate Похоже, они возвращают тот же результат - js файлы не могут быть найдены

И index.html файл не работает должным образом

После некоторого исследования я нашел решение

Но теперь я получил это: enter image description here

Он не может открыть четвертый js файл в другом js файле. Неправильный путь! enter image description here

Каждый раз, когда я пытался запустить его как файл stati c html и с локального хоста (а также с использованием Live Server )

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

Я много писал - если ошибся или вы не получил - спросите пожалуйста! Мне нужна помощь

1 Ответ

0 голосов
/ 30 мая 2020

Чтобы протестировать ваше локально созданное приложение, вам необходимо обслужить все файлы в созданной папке /dist. Вы можете очень легко настроить локальный веб-сервер с помощью Express / Node.js, так как Node.js у вас уже установлен при запуске Nuxt. Создайте новую папку и установите express через npm (запустите npm install express).

Затем скопируйте все из /dist в /public и создайте файл server.js: 

const express = require('express');
const app = express();

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

Запустите веб-сервер с node server.js, и вы сможете получить доступ к созданным файлам на http://localhost:3000.

...