方法一:在根目录webpack.config.js或vue.config.js中配置devServer

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

方法二:在package.json中的scripts进行配置

若项目是用cli3+版本创建则在serve的属性值后加上--port 9000,若是用cli2创建的项目则在dev的属性值后加上--port 9000。如下:

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

配置完重新运行项目即可,运行效果如下:

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐