Vue 修改端口号

 方法一

  打开 package.json，根据以下代码修改端口号：

"scripts": {
    "serve": "vue-cli-service serve --port 端口号 ",
    "build": "vue-cli-service build"
  },

---

方法二

在运行项目的时候追加端口号，代码：npm run serve -- --port 8090

---

方法三

在根目录下创建vue.config.js文件（和package.json同一目录），代码如下

module.exports = {
    devServer:{
        port:8090, // 启动端口号
        open:true  // 启动后是否自动打开网页
    }
}

---

方法四 

端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js

根据以下代码修改端口号：

const {
  info,
  error,
  hasProjectYarn,
  hasProjectPnpm,
  openBrowser,
  IpcMessenger
} = require('@vue/cli-shared-utils')

const defaults = {
  host: '0.0.0.0',
  port: 8090,  //修改端口号
  https: false
}

---

总结

        优先级：方法一>方法二=方法三>方法四

        如果方法二和方法三同时使用，且端口号设置不同，就会报错