溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關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
}這里不僅可以改變端口，還可以根據需要改變其他配置信息。
感謝各位的閱讀！關于“vue.js更改默認端口號8080為指定端口的示例”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
