vue-cli3.0如何修改端口号

2022-10-14,

这篇文章主要介绍了vue-cli3.0如何修改端口号,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

目录
  • vue-cli3.0修改端口号
    • package.json文件下修改 --port
    • vue.config.js文件下修改
  • vue-cli3.0设置指定端口号运行

    vue-cli3.0修改端口号

    package.json文件下修改 --port

    "scripts": {
       "serve": "vue-cli-service serve --port 9001",
     }

    vue.config.js文件下修改

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

    vue-cli3.0设置指定端口号运行

    在项目根目录创建vue.config.js文件

    module.exports = {
      devServer: {
        port: 3000, // 端口
      },
      // lintOnSave: false // 取消 eslint 验证
    }

    运行项目即可

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持北冥有鱼。

    您可能感兴趣的文章:

    • vue-cli3 设置端口号(81)无效的解决
    • Vue修改项目启动端口号方法
    • 深入浅析vue-cli@3.0 使用及配置说明

    《vue-cli3.0如何修改端口号.doc》

    下载本文的Word格式文档,以方便收藏与打印。