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

admin

cnpm 和npm启动的服务改变nodes.js的端口号方法
7 V$ ?. t; m& }" Y! y4 ^在项目的根目录下，新建一个vue.config.js文件
% d: D5 J* {& F* P; d在文件vue.config.js中配置：
% _+ b+ G6 N# E% [% T+ ~2 umodule.exports = {
7 a6 Q+ T+ P) M6 \) Q. Q    devServer: {
& a8 \; k! G3 k3 E( h% T        port: 80, // 这里设置想要使用的端口
        open: true
    }
}
7 N4 k1 E$ d. f' F6 O$ o! u
# E' C( w; O6 Q1 q* W6 F) f, v通过cnpm run serve启动，即可。
# R( R5 V6 G8 _0 S( D4 T# [2 i/ j
+ [* Z4 }/ `% _( O 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.
6 Q# t, O# T5 A/ i- r7 m7 S5 n

1 f) A) ?6 L: D& ]
) W1 s2 A' |% z0 _" E

admin

module.exports = {

$ D' V( [: L7 c7 `  devServer: {


    port: 80,


0 C" k6 e( F( N8 y- X& e    host: 'localhost',

0 N% _3 F6 {: b- w: O; i  {: {
8 @) ?2 p- k% e7 W  Q3 V    https: false,
& g5 h5 h3 e% d4 X
/ M" L) P. f$ w; J3 H2 F# j
    proxy: {
" S0 B7 }# a9 ~4 i! [! r$ z

      '/api': {


( P  S, o, z$ }. f) @; S        target: 'http://192.xx.xxx',
2 v: v% f0 z' q% \

        changeOrigin: true
; S0 ~# G  X2 l1 M: [2 F2 E

1 J9 ~3 f( r" g& L' j      }


" F, {" }6 Q. L/ L: f7 H    }
+ S# ?, o; B8 y! v

  S+ c, c7 F7 ~" e  }

8 Y, ~$ C6 u8 s
}
& F1 E/ Q; F0 Z3 w% l- m* D

admin

端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js
& d: `- M1 q+ u
根据以下代码修改端口号：

+ L0 N+ }& V/ k5 t4 Cconst {
  info,
3 p2 H9 E% [: p8 q0 @; g8 t# ^  error,
  hasProjectYarn,
& u, R( ^- ~: r3 u6 P  hasProjectPnpm,
: h5 z: ^+ r; `& I  openBrowser,
  IpcMessenger
: M, C# b0 _; @2 I1 g} = require('@vue/cli-shared-utils')

const defaults = {
  host: '0.0.0.0',
: M5 R$ J/ W( r0 e4 ~  port: 80,  //修改端口号
5 `- q) D$ J0 ~8 X$ x& e  https: false
& i( v8 E& E9 J* M) C}

admin

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