找回密码
 注册
查看: 240|回复: 3

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

[复制链接]

1

主题

0

回帖

12

积分

管理员

积分
12
QQ
发表于 2025-6-12 22:00:00 | 显示全部楼层 |阅读模式
* K& q% M. A: V5 p, |2 @* Y8 I
cnpm 和npm启动的服务改变nodes.js的端口号方法5 w4 ]$ Q; X4 z8 l
在项目的根目录下,新建一个vue.config.js文件" m) i3 `: v3 }, J% V% j
在文件vue.config.js中配置:4 ~3 o7 g; c& `/ v9 e' q
module.exports = {  m8 K7 G7 n0 C% B# F/ Y
    devServer: {
3 j. ?8 A/ Z: g8 u9 K        port: 80, // 这里设置想要使用的端口
" M+ ~+ x! E$ U        open: true5 t0 S  X  R! b- S! W5 \
    }
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 e7 T6 S' g$ K1 h" D/ q) I# D7 P
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.7 r) ?5 W( X1 M9 k! N9 g! n! v! g
) U: k) Y  w; `

5 ^1 ~% q2 E  S- M- Z* _/ W" K: w! K; C4 x$ }5 W1 @" X

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

1

主题

0

回帖

12

积分

管理员

积分
12
QQ
 楼主| 发表于 2025-6-13 10:19:13 | 显示全部楼层
module.exports = {
) u( v  r& X. Z' N' D# T2 V
' W$ p' W3 z  W  devServer: {2 p/ R( O5 A) ?0 i) d6 C  Q

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

1 O; A+ x) Y6 K$ a, S- `5 f* p3 l: O5 g5 E' G, o7 d( F2 `
    host: 'localhost',
0 R% L# X" a+ i' E: l8 ?* s! D( R1 X6 v

- 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: {, J2 f& ]' g/ Q
) N1 w3 ]1 n1 s9 _3 v6 _
3 j$ W( q- u% u% h
      '/api': {8 L; b4 d3 H! }! s* z

* 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 l6 w1 I% A+ h& I1 q8 Y
3 c( E: Q. M! ?6 V3 U; Z
        changeOrigin: true- J* A: j4 O7 m! b. z* O5 a+ s

( T; d$ X( ?2 `7 x3 x! s8 ]% Q( `9 O; Z6 c# k
      }+ H1 {1 R8 [' L7 p3 J5 t9 K

7 k5 E4 r0 n( Q9 ?% V' ?
* R; h* r. N1 k6 Z    }# J, U) u' I* E5 U" H) b7 ?

$ Y; Y0 f: r1 E' e( b, t6 S& @8 ]0 [* y$ m+ D% v
  }7 v: o. N! o1 n6 c( d
9 J; n" {6 Q" h# w1 e
/ w7 ]. g% x8 G
}
. {$ p$ J2 Q( U
: N8 ^7 C$ G* c( c  `1 }* \0 V6 P/ t0 t/ |% J( t

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

1

主题

0

回帖

12

积分

管理员

积分
12
QQ
 楼主| 发表于 2025-6-13 13:52:00 | 显示全部楼层
端口文件存放目录为:node_modules/@vue/cliservice/lib/commands/serve.js
/ i) ^. ]# c" ?6 I1 r
% ^' e- A! `1 K' S0 r根据以下代码修改端口号:
% B+ |; E6 w+ }4 ?; e1 `1 L. V+ D" ?! o
const {, e- }1 @  H# T; @7 L
  info,& C9 Y- D7 `. D2 D1 G8 X
  error,
$ _$ O" E( @# e6 {" r1 M  hasProjectYarn,- S7 d$ ?7 c9 i5 e" w; b3 D  `4 Q2 D
  hasProjectPnpm,: S+ [+ S" f. S$ u' _
  openBrowser,
' w$ ]( j3 p5 b! J/ g  IpcMessenger; b) C; j1 `* h" n7 w( s
} = require('@vue/cli-shared-utils')3 _2 v8 L' Y5 u2 g/ @: V7 T
5 `: z, Y8 T. a; g- R
const defaults = {
  C) ?, V  k7 ?2 T: @% J  host: '0.0.0.0',+ y% |. y7 Q6 L! M: q2 [% e1 h" A8 @
  port: 80,  //修改端口号
- J$ e7 G7 }+ Q: E( o2 {  https: false
- |( j8 D3 r* X! j6 `; |}

1

主题

0

回帖

12

积分

管理员

积分
12
QQ
 楼主| 发表于 2025-6-13 13:52:46 | 显示全部楼层
在运行项目的时候追加端口号,代码:npm run serve -- --port 80
您需要登录后才可以回帖 登录 | 注册

本版积分规则

返回首页|Archiver|手机版|小黑屋|易陆发现技术论坛 ( 蜀ICP备2026014127号-1 )

GMT+8, 2026-6-12 00:23 , Processed in 0.015152 second(s), 22 queries .

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表