Vue3-修改端口号

Posted 2022-06-22 流楚丶格念

文章目录

• • 方法一
  • 方法二
  • 方法三
  • 方法四
  • 方法五

方法一

在图形界面中更改参数

方法二

  "scripts": 
    "serve": "vue-cli-service serve --port 80",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  ,

方法三

在运行项目的时候追加端口号

npm run serve -- --port 80

方法四

在根目录下新建一个vue.config.js文件（和package.json同一目录） ，内容如下

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

方法五

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

const defaults = 
  host: '0.0.0.0',
  port: 80,
  https: false

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

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

开发者涨薪指南 48位大咖的思考法则、工作方式、逻辑体系