Vue CLI построить и запустить файл index.html без сервера

Question

Я использую последнюю vue-cli версию 3.0 .

Моя текущая проблема заключается в том, что при запуске npm run build файлы, созданные в папке dist, не могутзапускаться без сервера.

Я хотел бы иметь возможность просто открыть файл index.html в браузере.Как мне это сделать?

Answer 1

Мне удалось решить эту проблему, вручную изменив url файлов, на которые есть ссылки.

Это немного сложно, но это было решение без необходимости возиться с конфигурацией сборки.

Что нужно сделать:

1. Открыть index.html
2. Найти href=/ и заменить на href=
3. Найти src=/ и замените на src=

ПРИМЕЧАНИЕ. Мне понадобилось это решение, потому что я создавал приложение Phonegap.

Answer 2

Я столкнулся с подобной проблемой, и следующие два изменения помогли мне заставить это работать.Теперь я могу просто открыть index.html в Chrome как файл для запуска моего SPA из файловой системы.

1. В vue.config.js у меня не было настроено baseUrl, что привело кпо умолчанию "/".Мне пришлось настроить его на пустую строку, например, так, чтобы он использовал относительные пути:

   module.exports = {
     ...
     baseUrl: '',
     ...
   }
   

2. Я использовал режим history vue-router, который не работает налокальная файловая система для маршрутизации путей обратно к index.html.Поэтому я пропустил режим, чтобы вернуться к режиму hash по умолчанию.

Answer 3

Вы можете использовать модуль http-сервера

npm install http-server -g
http-server dist/

, обычно сервер запускается с порта 8080, поэтому вы можете использовать приложение для сборки на http://localhost:8080