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

admin

cnpm 和npm启动的服务改变nodes.js的端口号方法
9 n4 d% X# @7 \; J7 Z在项目的根目录下，新建一个vue.config.js文件
在文件vue.config.js中配置：
module.exports = {
    devServer: {
        port: 80, // 这里设置想要使用的端口
        open: true
- T. m2 W# k) z# \' z0 f* r    }
- q# {' z! F, _}
) f2 w) v3 }7 U5 Z9 q# j% X
+ C6 N3 z) i: m1 I  j4 u- J通过cnpm run serve启动，即可。
' J* t7 U, f+ A# C/ y: \+ F
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.




0 z( l8 Q4 h4 _; u2 U

admin

module.exports = {
7 D8 Q7 V' c) Y0 F7 Z; |( L* ]
6 G, X# L2 ~% n+ r/ ?% i  devServer: {

( z( `0 L. H( e, M
6 N3 n. C; S7 d    port: 80,

5 n- }: P4 F) n3 w9 L4 [8 v% x6 z
    host: 'localhost',
# H% Z: E0 m+ u; a) Y) \( u1 o- H
9 w1 L2 [4 i: n) W& Y+ F' ?1 V& |3 j
) v! s8 d* C/ i; p& k6 [, r! ]    https: false,
- k7 r+ R$ W! w

; y; p7 d7 V; y) h& A0 @- ^    proxy: {
6 i; ^9 N% f- n; E  `4 y
; `% @6 m% ~5 x. g
      '/api': {
; ]( b* @$ c0 M) X2 Q$ M2 ?  P

9 H0 m4 J& T1 ^        target: 'http://192.xx.xxx',

. \. z8 z) U* |, B  h
        changeOrigin: true
7 r8 `4 r& O/ m) c! U

4 j6 l" P' ~/ P' A* f2 |, Z" Y7 n      }
* X8 U& k9 O; B
) M2 o; W  e7 g  ]: V; ?1 F
    }


  }

/ h  S# E" v0 F0 ]) v
}

admin

端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js

6 J5 c; A# g6 N- \0 y8 p: U根据以下代码修改端口号：

! {% d( m" J( h; q4 }const {
' {4 ]; k/ a  ?8 K  info,
9 w, l" L1 a, A  error,
6 q1 {7 F+ n0 Z- p% R* W  hasProjectYarn,
  hasProjectPnpm,
  openBrowser,
  IpcMessenger
  _% k8 x% Y! o} = require('@vue/cli-shared-utils')
' ^$ j# V, t3 k: H6 L1 U
const defaults = {
  host: '0.0.0.0',
  port: 80,  //修改端口号
  https: false
/ ]- I& q0 V8 n1 X$ R3 R# h}

admin

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