cnpm 和npm启动的服务改变nodes.js的端口号方法

admin · 发表于 2025-6-12 22:00:00

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？开始注册

x

cnpm 和npm启动的服务改变nodes.js的端口号方法
在项目的根目录下，新建一个vue.config.js文件
在文件vue.config.js中配置：
module.exports = {
devServer: {
      port: 80, // 这里设置想要使用的端口
      open: true
}
}

通过cnpm run serve启动，即可。

DONE  Compiled successfully in 6580ms                                                          9:40:11 ├F10: PM┤  App running at:  - Local: http://localhost:80/  - Network: http://192.168.xxx:80/  Note that the development build is not optimized.  To create a production build, run npm run build.

admin · 发表于 2025-6-13 10:19:13

module.exports = {

  devServer: {

port: 80,

host: 'localhost',

https: false,

proxy: {

   '/api': {

      target: 'http://192.xx.xxx',

      changeOrigin: true

   }

}

  }

}

admin · 发表于 2025-6-13 13:52:00

端口文件存放目录为：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: 80,  //修改端口号
  https: false
}

admin · 发表于 2025-6-13 13:52:46

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

账号		自动登录	找回密码
密码			开始注册

cnpm 和npm启动的服务改变nodes.js的端口号方法

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

站长推荐 /4