本文介紹了vue.js如何更改默認端口號8080為指定端口，分享給大家，希望此文章對各位有所幫助。

執行npm run dev實際是在調用根目錄下的package.json

打開package.json后可發現有這樣一段代碼

"scripts": {   "dev": "node build/dev-server.js",   "build": "node build/build.js",   "lint": "eslint --ext .js,.vue src"  } 

由此可知，我們應該查看build目錄下的dev-server.js文件

在dev-server.js文件中可找到

var uri = 'http://localhost:' + port 

此處的port便是我們將要尋找的，在dev-server.js的開始部分我們可以發現

var path = require('path') 

而path又是從哪里來的呢？

根目錄下有一個config文件夾，看名字就知道與配置有關，打開config目錄下的index.js

 dev: {  env: require('./dev.env'),  port: 8080,  autoOpenBrowser: true,  assetsSubDirectory: 'static',  assetsPublicPath: '/',  proxyTable: {},  cssSourceMap: false } 

這里不僅可以改變端口，還可以根據需要改變其他配置信息。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。