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

admin

cnpm 和npm启动的服务改变nodes.js的端口号方法
在项目的根目录下，新建一个vue.config.js文件
在文件vue.config.js中配置：
module.exports = {
    devServer: {
3 j. ?8 A/ Z: g8 u9 K        port: 80, // 这里设置想要使用的端口
" M+ ~+ x! E$ U        open: true
    }
8 h3 f( ?  P6 w3 ^5 \2 ~}
" p; f0 d1 z# ]# A( Z# z* O9 ?
* b9 w- ~: ?( m通过cnpm run serve启动，即可。
/ w. y# S6 T3 V! s: C) d; Y0 e
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 ^1 ~% q2 E  S- M- Z

7 b7 Y7 T# n0 s- v2 Q. ~

admin

module.exports = {
) u( v  r& X. Z' N' D# T2 V
' W$ p' W3 z  W  devServer: {

' |+ \9 G. i% w7 u0 X( {
7 A- t& W# _3 \/ j! S, ?! \    port: 80,

1 O; A+ x) Y6 K$ a, S- `5 f* p
    host: 'localhost',
0 R% L# X" a+ i' E

- i/ G( n4 H- g* S9 R( z8 f# t    https: false,
: d* c! m2 H' ?! g% {* A3 E
2 y- b! k. o- ^, S, D  B" S
. R( r$ L) \; b6 D; f. c    proxy: {


      '/api': {

* m5 s8 O" W$ Q7 M2 g1 P5 a; z2 E0 ^3 K
% C5 F$ R: }8 [6 N        target: 'http://192.xx.xxx',
- J$ k! n# _, f3 l

        changeOrigin: true

( T; d$ X( ?2 `7 x
      }

7 k5 E4 r0 n( Q9 ?% V' ?
* R; h* r. N1 k6 Z    }

$ Y; Y0 f: r1 E' e( b
  }


}
. {$ p$ J2 Q( U
: N8 ^7 C$ G* c( c  `

+ {6 J0 U5 ?+ B6 u8 F/ C

admin

端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js
/ i) ^. ]# c" ?6 I1 r
% ^' e- A! `1 K' S0 r根据以下代码修改端口号：
% B+ |; E6 w+ }4 ?; e1 `
const {
  info,
  error,
$ _$ O" E( @# e6 {" r1 M  hasProjectYarn,
  hasProjectPnpm,
  openBrowser,
' w$ ]( j3 p5 b! J/ g  IpcMessenger
} = require('@vue/cli-shared-utils')

const defaults = {
  C) ?, V  k7 ?2 T: @% J  host: '0.0.0.0',
  port: 80,  //修改端口号
- J$ e7 G7 }+ Q: E( o2 {  https: false
- |( j8 D3 r* X! j6 `; |}

admin

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