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

admin

cnpm 和npm启动的服务改变nodes.js的端口号方法
在项目的根目录下，新建一个vue.config.js文件
/ l7 \# \+ q! `0 J6 [在文件vue.config.js中配置：
module.exports = {
    devServer: {
3 C5 J( x% v& W6 c4 C( S% U3 J        port: 80, // 这里设置想要使用的端口
        open: true
2 v/ b0 {  V: k/ D1 Y! P' [/ }    }
}

( z5 T# V+ N% d& L: M# X通过cnpm run serve启动，即可。
: _2 ?% l% \/ g( g* x- N+ P+ r
8 i9 T: k2 q7 i; M  ~ 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.


5 O7 s/ q" G; U* ]) z4 Y9 v4 ]1 d

8 q0 w2 ^0 {# z* c

admin

module.exports = {

  devServer: {

) [& h3 F5 v) J4 M4 o- w4 X
1 U2 Y, H" I5 {+ z% b( n; g    port: 80,

, R* Z4 _: }2 m2 c) @4 w  E( @) X. b
& D$ @( N% W6 l5 Q! e; P& }    host: 'localhost',

1 s1 e0 w+ q5 Q+ p0 r
    https: false,
+ h9 E  U/ q% O6 g
/ E  b. d, d. M0 b1 ?5 W
    proxy: {
( O* s0 x9 x& ?: x0 X
+ i) u3 M, S4 a' g2 r; q
      '/api': {
0 g+ B3 S% `6 L# t- ?) S, ^- A
* c/ r( _% a6 v' g
; Y2 H0 l2 A5 k! g4 H$ h        target: 'http://192.xx.xxx',
7 q$ Z" b( L) W

        changeOrigin: true


      }


  I1 t. y  u, M0 Q! j$ H    }
: ~- c5 }8 W5 ?3 t2 R

( h7 w+ ?' {- Y& F2 E  }


8 P" r6 \3 \4 t* X}
3 O! v# x, v1 R4 }7 G" Z& s& V( M' n8 Y
- _2 u! e+ g  K) w

2 p- B8 d( y4 o# s% @% l

admin

端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js
6 `3 g/ t9 ?$ R  v* V4 M
根据以下代码修改端口号：
( y0 p! S2 \  ]( x* F0 z
const {
  info,
  error,
  hasProjectYarn,
) N. h; F" x7 L# `5 S+ `: Z, {  hasProjectPnpm,
' g2 B6 h7 a* w' a0 _3 \  openBrowser,
8 f9 ?: ?9 |9 n4 ~3 X! l2 [, r  IpcMessenger
9 d2 A, g) ~; `2 y! Y$ V} = require('@vue/cli-shared-utils')

const defaults = {
  host: '0.0.0.0',
; b: h2 ~% J, w  X/ O  port: 80,  //修改端口号
8 ]6 m! W: K/ C/ K1 ^" H  https: false
}

admin

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