我用3.4版本的vue-cli構(gòu)建了一個(gè)vue項(xiàng)目，然后我想修改項(xiàng)目運(yùn)行之后的訪問端口

在網(wǎng)上查了一下，很多都是2.0+的版本，查來查去都說是什么在 config目錄下index.js文件中修改端口號(hào)。。。。。。。

都抄來抄去的

新的vue項(xiàng)目目錄結(jié)構(gòu)下并沒有config文件夾

?只好自己找，我們先運(yùn)行項(xiàng)目

?發(fā)現(xiàn)項(xiàng)目運(yùn)行了這樣的一個(gè)命令

百度一下,進(jìn)入官網(wǎng)

?

?

./node_modules?表示當(dāng)前項(xiàng)目目錄下的node_modules目錄，那么我們就可以到這里去找這個(gè)

到?項(xiàng)目名\node_modules\@vue\cli-service這個(gè)目錄去

?打開這個(gè)文件，拉倒最下面，可以發(fā)現(xiàn)這個(gè)配置，我們把注釋去掉，把端口號(hào)改成9999，保存文件，運(yùn)行npm run dev

?改成下面這樣試試

?

?

?

?

沒問題，運(yùn)行成功

其實(shí)我們可以看到，bin下面的vue-cli-service.js文件引用了這個(gè)“../lib/Service”這個(gè)文件

?

?

service?里面又引入了option的文件?里面的defaults

而 defaults?里剛好就有端口的配置

?所以，梳理一下思路，就是項(xiàng)目在啟動(dòng)的時(shí)候會(huì)執(zhí)行vue-cli-service，執(zhí)行的時(shí)候會(huì)先從option文件中引入?yún)?shù)，配好參數(shù)之后啟動(dòng)服務(wù)

以上只是我個(gè)人的一點(diǎn)見解，歡迎指正

總結(jié)

以上是生活随笔為你收集整理的vue 3.4x以上如何改变项目运行端口号的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。