Vue3之修改端口号方式

2023-10-17 14:20:25 作者：怕是个神仙啊

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

方法一

在图形界面中更改参数

在 package.json 文件中修改 scripts

  "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
}

优先级：

方法一>方法二=方法三>方法四>方法五

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

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。