Como o vue modifica o número da porta

Método 1: Configurar devServer no diretório raiz webpack.config.js ou vue.config.js

module.exports = {
  devServer: {
    host: 'localhost',
    port: 9000, // 端口
  }
}

Método 2: configurar scripts em package.json

Se o projeto for criado com a versão cli3+, adicione --port 9000 após o valor do atributo serve e adicione --port 9000 após o valor do atributo dev se o projeto for criado com cli2. do seguinte modo:

"serve": "vue-cli-service serve --port 9000",

Após a configuração, execute novamente o projeto e o efeito de execução será o seguinte: