@ vue / cli build dist / folder не отображается при размещении в качестве подкаталога - PullRequest
Новая
       59

@ vue / cli build dist / folder не отображается при размещении в качестве подкаталога

0 голосов
/ 08 апреля 2019

Я делаю простой двухстраничный сайт с @vue/cli / vue version 3.5.5.

Пока все хорошо, когда я запускаю сайт локально с помощью npm run serve, а затем создаю папку dist / с помощью npm run build.

Когда я добавляю файлы из папки dist / в корневой каталог моего хостинга и получаю доступ к производственной среде на http://www.my-website.com, страница отображается и работает нормально.

Однако я хочу разместить приложение в подкаталоге, но это портит маршруты, так как index.html не отображает. При доступе к http://www.my-website.com/dist: index.html возвращается пустым и с сообщениями об ошибках в консоли: 

app.a1183de6.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)

chunk-vendors.ff22d1fb.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)

about.ad763791.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)

app.a1183de6.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Укажите фон, включая то, что вы уже пробовали

Я часами искал, и самое распространенное - создать файл vue.config.js и вместо него изменить корневой путь на подкаталог 

module.exports = {
  baseUrl: process.env.NODE_ENV === 'production'
    ? '/dist/'
    : '/'
}

Я тоже пробовал это, но это не работает: 

// module.exports = {
// publicPath:' /dist/ '
// }

Я поместил файл vue.config.js в корень папки проекта, как указано, но, похоже, он игнорируется npm run build

Опишите ожидаемые и фактические результаты:

Я бы хотел отобразить мое vue-приложение в подкаталоге, таком как:

http://www.website.com/dist

Но сейчас я получаю пустую страницу index.html и сообщения об ошибках в консоли, когда размещаю свой проект в подкаталоге. проект работает нормально, если я размещаю его в корне

1 Ответ

1 голос
/ 08 апреля 2019

nvm ... сейчас работает ....

Создано в корне проекта: vue.config.js

Добавлено следующее: 

module.exports = {
  publicPath: '/dist/'
}

После запускаnpm run build пути к файлам js и css теперь включают в себя подкаталог

...