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

admin

cnpm 和npm启动的服务改变nodes.js的端口号方法
# }2 n; C3 w$ \0 O在项目的根目录下，新建一个vue.config.js文件
在文件vue.config.js中配置：
module.exports = {
    devServer: {
        port: 80, // 这里设置想要使用的端口
8 v$ ]% a8 s* q        open: true
7 O& T' X& y7 A" Q    }
8 o7 n+ {4 E, p4 r: I1 s  R/ s! e}
$ D, ]  w* n, F
- v8 s/ A5 G1 _3 O- m% Y0 J通过cnpm run serve启动，即可。
) a  }" y" ^* ]& R) W$ z" y
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.

2 S# D) c9 N% Z- {5 h0 U. m


" V" `1 _9 U3 u

admin

module.exports = {

  devServer: {


    port: 80,

8 |" E' e6 T* r2 f; t
" }' ?7 k+ V$ j# d+ U! f    host: 'localhost',

1 @# i9 R+ P6 I7 W. H
    https: false,
" W& K% u- |# t' h

* b: J5 l- `9 a9 l( [    proxy: {
2 f) ]' c, }( i5 w! w

      '/api': {


3 m" ~% q$ c  Q# T) x) F; F        target: 'http://192.xx.xxx',
: I2 [: W5 Z4 @$ _6 q

9 w, u6 d! p/ G! K! b& g/ e        changeOrigin: true
& O2 V0 C! M5 }, p, ~
. k* C/ S! n5 P/ W6 o4 Q* W5 K
      }

7 ^# P3 f+ z- [9 [6 _
    }

1 n" @( y& r, n5 u5 Y
( L9 Z: F- |( ]  }
3 I3 \: W' [8 ?$ e- t7 j, _

}
" e" N9 _' a8 d. w+ M

admin

端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js
& p  H4 C2 c5 D, @6 ~7 _
根据以下代码修改端口号：

const {
7 V( M( [) L; Z9 v/ m  P  info,
' M  A7 }6 L5 y  W  error,
! F  Y; z' o0 @6 P1 Y  hasProjectYarn,
  hasProjectPnpm,
  openBrowser,
" u& E8 g! w  w: i- l  IpcMessenger
} = require('@vue/cli-shared-utils')
2 \) n" g- C! }6 v/ s; o8 {
const defaults = {
+ ~: f. j9 G. Q  host: '0.0.0.0',
  port: 80,  //修改端口号
$ V0 U* M) H! B  y, o9 s  https: false
}

admin

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