Как установить vue-cli на сервер?

Я искал установку vue-cli. Все они установлены на localhost:8080.

На сервер невозможно установить?

Я попытался установить vue-cli на порт 8080 на моем сервере но вместо этого он был установлен на порт 8081.

Однако порт 8081 на моем сервере заблокирован.

Моя рамка - Laravel + vue.js

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...
Как построить CRUD-приложение в Laravel
Как построить CRUD-приложение в Laravel
Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...
1
0
851
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы делаете это в производственном режиме? Если да, то вам, вероятно, сначала нужно собрать приложение vue, запустив npm run build. Он сгенерирует папку dist, и это то, что вам нужно в вашем приложении laravel.

вы имеете в виду, прежде чем npm run dev, сначала npm run build? а поменял порт и npm run dev?

Aiden Kim 07.06.2018 03:43

Нет, npm run build, если вы уже закончили разработку. И для этого не нужен сервер. Просто поместите содержимое вашей папки dist в общую папку laravel.

wobsoriano 07.06.2018 03:45

Я набрал 'npm run build', и в ./node_modules/css-loader?minimize!./node_modules/vue-loader‌ / lib / style-compiler? ‌ {"vue": true, "id ":" da‌ ta-v-3dbef398 "," scop‌ ed ": false," hasInline‌ Config ": false}! ./ nod‌ e_modules / vue-loader‌ /lib/selector.js?typ‌ e = styles & index = 0! ./ s‌ rc / App.vue Ошибка загрузки PostCSS.

Aiden Kim 07.06.2018 04:00
Ответ принят как подходящий

Если вам нужны 2 отдельных проекта, то можно использовать vue-cli. Но laravel поставляется с поддержкой vue из коробки, поэтому вам, вероятно, не понадобится vue-cli.

Убедитесь, что вы добавили свой основной js-файл в webpack.mix.js. Например:

let mix = require('laravel-mix');

mix.js('src/app.js', 'dist');

mix.options({ 
  hmrOptions :{
    host: 'localhost',
    port: '8080'
  }
});

Это должно работать с app.js, например:

Add import Vue from 'vue';
import Notification from './components/Notification.vue';
new Vue({
    el: '#app',
    components: { Notification }
});

npm run dev запускает webpa

Другие вопросы по теме