теперь будет указывать, что приложение работает на порту 3000.

зменить номер порта в проекте Vue-cli, чтобы он работал на другом порту вместо 8080.

Ответы на вопрос(8)

Лучший способ - обновить команду serve script в вашемpackage.json файл. Просто добавить--port 3000 вот так:

"scripts": {
  "serve": "vue-cli-service serve --port 3000",
  "build": "vue-cli-service build",
  "inspect": "vue-cli-service inspect",
  "lint": "vue-cli-service lint"
},

На момент написания этого ответа (5 мая 2018 г.)vue-cli его конфигурация размещена на<your_project_root>/vue.config.js, Чтобы изменить порт, см. Ниже:

// vue.config.js
module.exports = {
  // ...
  devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8080, // CHANGE YOUR PORT HERE!
    https: false,
    hotOnly: false,
  },
  // ...
}

Полныйvue.config.js Ссылка может быть найдена здесь:https://cli.vuejs.org/config/#global-cli-config

Обратите внимание, что, как указано в документации, «Все опции для webpack-dev-server» (https://webpack.js.org/configuration/dev-server/) доступен вdevServer раздел.

 TomyJaya13 июл. 2018 г., 04:05
@srf: Ответ отредактирован. Спасибо за указание на неработающую ссылку.
 killjoy30 июл. 2018 г., 23:59
Должно быть, был \. эффект на этом сайте :)
 srf11 июл. 2018 г., 17:44
у меня сработало, но ссылка 404

но я думаю, что было бы полезно объединить все эти ответы в один с изложением всех вариантов.

Разделяются в Vue CLI v2 (шаблон веб-пакета) и Vue CLI v3, упорядоченные по приоритету (сверху вниз).

Vue CLI v3package.json: Добавить опцию порта вserve сценарий:scripts.serve=vue-cli-service serve --port 4000Опция CLI--port вnpm run serveнапример,npm run serve -- --port 3000, Обратите внимание--, это заставляет передавать параметр порта скрипту npm, а не самому npm. Так как по крайней мере v3.4.1, это должно быть, например,vue-cli-service serve --port 3000.Переменная среды$PORTнапример,PORT=3000 npm run serve.env Файлы, более конкретные envs переопределяют менее конкретные, например,PORT=3242vue.config.js, devServer.portнапример,devServer: { port: 9999 }

Рекомендации:

https://cli.vuejs.org/config/#devserverhttps://cli.vuejs.org/config/#vue-config-jshttps://cli.vuejs.org/guide/mode-and-env.htmlVue CLI v2 (устарело)Переменная среды$PORTнапример,PORT=3000 npm run dev/config/index.js: dev.port

Рекомендации:

http://vuejs-templates.github.io/webpack/https://github.com/vuejs-templates/webpack/blob/develop/template/build/webpack.dev.conf.js#L35
 wwerner01 мар. 2019 г., 08:47
@RoccoB Спасибо, я проверил это и добавил к ответу.
 RoccoB26 февр. 2019 г., 20:36
Похоже, это изменило немного в последней vue cli (с использованием 3.4.1), вот моя строка "serve" в package.json:"serve": "vue-cli-service serve --port 4000",, Работает отлично!
 Geomorillo09 нояб. 2018 г., 02:20
это работает спасибо

если вы используете vue cli 3, это использовать файл конфигурации. Делатьvue.config.js на том же уровне, что и вашpackage.json и поставить конфиг так:

module.exports = {
  devServer: {
    port: 3000
  }
}

Настройка его с помощью скрипта:

npm run serve --port 3000

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

vue-cli 3.x, вы можете просто передать портnpm команда вроде так:

npm run serve -- --port 3000

Тогда посетитеhttp://localhost:3000/

 toni0716 авг. 2018 г., 20:18
Вы сэкономили мне драгоценное время, как первый-- не написано в док:cli.vuejs.org/guide/cli-service.html#using-the-binary, Я печаталnpm run serve --port 3000 что кажется мне логичным, но я получил ошибки ... Недурно!

vue-cli версия 3, чтобы добавить.env файл в корневом каталоге проекта (вдоль стороныpackage.json) с содержанием:

PORT=3000

Бегnpm run serve теперь будет указывать, что приложение работает на порту 3000.

вwebpack.config.js:

module.exports = {
  ......
  devServer: {
    historyApiFallback: true,
    port: 8081,   // you can change the port there
    noInfo: true,
    overlay: true
  },
  ......
}

Вы можете изменить порт вmodule.exports ->devServer ->port.

Затем вы перезапуститеnpm run dev, Вы можете получить это.

Решение Вопроса

я.myApp/config/index.js.

Все, что вам нужно сделать, это изменитьport значение внутриdev блок:

 dev: {
    proxyTable: {},
    env: require('./dev.env'),
    port: 4545,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    cssSourceMap: false
  }

Теперь вы можете получить доступ к своему приложению сlocalhost:4545

также если у вас есть.env файл лучше установить оттуда

 Ege Ersoz04 окт. 2018 г., 00:09
Vue CLI 3 использует vue.config.js в корневом каталоге проекта. Он должен быть создан вручную IIRC.
 samayo01 авг. 2018 г., 00:38
Вы имеете в виду версию Vue-Cli? Vue версия не влияет на это
 killjoy01 авг. 2018 г., 00:29
Ваш ответ правильный, но, пожалуйста, укажите версию Vue.
 Jianwu Chen07 июн. 2018 г., 14:39
В последней версии vuejs. Файл больше не используется, вместо этого используется: <your_project_root> /vue.config.js.
 exhuma02 сент. 2018 г., 14:37
ФайлmyApp/config/index.js не существует!

Ваш ответ на вопрос