我用3.4版本的vue-cli構建了一個vue項目，然后我想修改項目運行之后的訪問端口

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

都抄來抄去的

新的vue項目目錄結構下并沒有config文件夾

?只好自己找，我們先運行項目

?發現項目運行了這樣的一個命令

百度一下,進入官網

?

?

./node_modules?表示當前項目目錄下的node_modules目錄，那么我們就可以到這里去找這個

到?項目名\node_modules\@vue\cli-service這個目錄去

?打開這個文件，拉倒最下面，可以發現這個配置，我們把注釋去掉，把端口號改成9999，保存文件，運行npm run dev

?改成下面這樣試試

?

?

?

?

沒問題，運行成功

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

?

?

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

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

?所以，梳理一下思路，就是項目在啟動的時候會執行vue-cli-service，執行的時候會先從option文件中引入參數，配好參數之后啟動服務

以上只是我個人的一點見解，歡迎指正

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。