易陆发现互联网技术论坛

 找回密码
 开始注册
查看: 230|回复: 3
收起左侧

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

[复制链接]
发表于 2025-6-12 22:00:00 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?开始注册

x

- H. L% v7 |1 E; {4 icnpm 和npm启动的服务改变nodes.js的端口号方法" _$ k- O; o$ S# l+ r
在项目的根目录下,新建一个vue.config.js文件0 B8 W& `7 ~1 ?4 T
在文件vue.config.js中配置:
+ B. t3 y, \/ u+ \* A3 ]  Z! ^module.exports = {
6 J$ ~  I& s* a4 I5 H( J" h    devServer: {
% S; \3 J5 v4 T, J        port: 80, // 这里设置想要使用的端口1 f) @: y/ A  [9 I6 H( ~- Y' h
        open: true
. u2 W" V, [5 u' @2 B1 U2 I( i0 d! K    }, u2 I& S, |* e; X* Y2 O/ ~$ X' s
}5 D" p& F( @' Z% {+ U' `) ]' Z# E

, ~0 @6 ]+ I0 s4 o/ f; A通过cnpm run serve启动,即可。9 W+ t, U* ]$ f
: _5 P) R7 X' P6 C$ m3 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.
, I( n# x9 @1 Z+ n% `, f1 t" N$ C
7 M7 A: c, p) x0 {& Y8 b9 g! Z( k5 K

4 Z' `8 x5 t: f+ s! |* j$ k( E! d- Y) O% y- a& Q% y$ _
 楼主| 发表于 2025-6-13 10:19:13 | 显示全部楼层
module.exports = {
/ \" F5 _; j9 N& A
3 S, D' V! I1 ]% ]  devServer: {
, G5 ~. w% s& o3 r3 v: ^5 f  I" c
- `6 Z: _# t7 g3 ~+ K4 Z$ f: g+ r' `. D4 `" P. V# A+ O
    port: 80," z# r# I! n$ X" ]
! l0 ?3 d6 F8 T: j
$ k6 J. y8 J0 z5 x4 m1 E7 v# q
    host: 'localhost',
5 Q, {% g3 H) x4 @( @6 c" g9 Z* k+ V* c1 f0 H$ d# [4 |* T

% P* P& L2 Z! f( x6 {    https: false,
- t8 T) F. O( @& g% T) C5 {) B5 d  r" E" B8 U( Q/ T* v
/ ?, j- V4 o9 c/ @, z6 C
    proxy: {
+ }8 a7 B0 o- `  z+ R- [- v% Y" n2 O, v6 a
0 l( o4 \6 [0 b# t8 b8 q6 u) x
      '/api': {$ v0 P5 w3 w6 u8 W4 ]) l

! h5 d4 e2 a0 z3 U0 c! Q* t6 R: ?5 [1 o$ ?( V; c! o
        target: 'http://192.xx.xxx',: y6 g$ ~- ]) G5 S5 k8 [! i
4 A& C9 B- b* N) W- m# B2 W5 t6 {4 C

2 C  f1 W/ [, w  [7 L        changeOrigin: true2 h% ?9 z: k1 D# Q7 L% c' z
  Y+ O! ?6 i* u- g
+ F; [! a% _# y; l
      }0 {4 h( B7 _( c$ \
% G" M9 Y! P" A6 S4 [* y/ U/ g
/ E& M) ]7 N- A
    }) G6 C) @& E' E8 m

1 [. f* \& u8 x1 J$ a
+ k! J9 q& k) u8 F, h" g+ Y8 J. B' f  }* u5 k$ o7 Y4 N3 u
* \  D% T8 u# X# z. G3 ]& \

( t* n  e5 W, `9 H* z}
* r- i/ J$ q$ j3 I
, K( ~5 S4 ], P; y7 V
0 v! n  k! W8 e1 L& \; p
+ t+ A7 o: h/ h3 y/ q
 楼主| 发表于 2025-6-13 13:52:00 | 显示全部楼层
端口文件存放目录为:node_modules/@vue/cliservice/lib/commands/serve.js
6 `& e; ]1 Q) C1 Q8 J  u4 x6 C
& d7 i/ M! ~/ I" o8 _5 m根据以下代码修改端口号:& t4 \1 q. S# A4 I

. C# W' I1 g5 k6 @; U& _2 T# mconst {! C* n* l. R# c+ W9 g3 p
  info,
* g" R$ }1 d% u  error,
3 z7 o: c: r1 @% e  hasProjectYarn,
4 t3 `% ?+ s6 z; A$ ?4 Z  hasProjectPnpm,
& U2 l$ n( G9 d( H; J  openBrowser,
( Z, v, Q. b4 s9 M7 W) g2 \  IpcMessenger0 E3 @7 d" `9 f/ o7 h- {( S
} = require('@vue/cli-shared-utils')
- H  M. v) U8 U! l1 Y. X  y2 U3 Y+ b
& D; ]7 B7 o5 \const defaults = {
, |+ {% p! L2 _4 ~2 b0 C( `7 k  host: '0.0.0.0',/ ?& g' X- Y$ p
  port: 80,  //修改端口号
* b( J8 D9 A. L+ m4 n  https: false
1 ~  ]0 T& f* M( J}
 楼主| 发表于 2025-6-13 13:52:46 | 显示全部楼层
在运行项目的时候追加端口号,代码:npm run serve -- --port 80
您需要登录后才可以回帖 登录 | 开始注册

本版积分规则

关闭

站长推荐上一条 /4 下一条

北京云银创陇科技有限公司以云计算运维,代码开发

QQ|返回首页|Archiver|小黑屋|易陆发现技术论坛 ( 蜀ICP备2026014127号-1 )点击这里给我发消息

GMT+8, 2026-4-8 23:38 , Processed in 0.041102 second(s), 21 queries .

Powered by Discuz! X3.4 Licensed

© 2012-2025 Discuz! Team.

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