Использование Vue CLI 3 на XAMPP - PullRequest
Новая
       9

Использование Vue CLI 3 на XAMPP

0 голосов
/ 06 февраля 2019

Небольшой фон ..

Как упоминалось ранее в https://forum.vuejs.org/t/how-to-make-webpack-vue-work-on-xampp/33808. И это работает , когда я помещаю свой проект Vue непосредственно вhtdocs вот так. 

 htdocs/
  | - css/
  | - js/
  | etc..

Однако я использую его по-другому, вот моя текущая файловая структура в htdocs. 

htdocs/
 | - project1/
 |    | - css/
 |    | - some other stuff for project1
 | - project2/
 |    | - css/
 |    | - some other stuff for project2
 | - vue-project/ (Where I wanted my Vue went to)
 |    | - css/
 |    | - stuff..

Ошибка, которую я получаю, когда яположить dist/ моего проекта vue непосредственно на htdocs/vue-project, равное 404, потому что они напрямую вернулись к корневому файлу (root - htdocs/), в котором он не находит файл, необходимый для запуска проекта Vue!

Что я хотел

Все, что может запустить проект в htdocs/vue-project/.Принял бы любой ответ, настроив либо параметры в Vue / Webpack, либо из самого XAMPP.Если вам нужна дополнительная информация, пожалуйста, спросите в разделе комментариев.

И если окажется, что другого пути нет, я бы принял ответы, касающиеся конфигурации XAMPP, о том, как запустить сервер в других каталогах.Как запустить сервер в htdocs, и other-file было бы здорово.

1 Ответ

0 голосов
/ 06 февраля 2019

Для Vue CLI до 3.x

Попробуйте изменить assetsPublicPath в build объект в config/index.js.Затем добавьте туда имя вашей папки.Аналогичная проблема, которая может помочь https://forum.vuejs.org/t/vue-js-webpack-deployment-for-xaamp-testing/28970

А если используется vue-router, добавьте ROUTER_BASE.https://router.vuejs.org/en/api/options.html#base

Для Vue CLI 3

  1. Создать vue.config.js внутри ваших Vue-проектов
  2. Внутри него просто добавитьследующие 
module.exports = {
    publicPath: "/{path-to-your-vue-project}"
}

Для получения дополнительной информации, пожалуйста, обратитесь к этой документации https://cli.vuejs.org/config/#publicpath

...