Vue.js更改調(diào)試地址端口號的實例
Vue項目一般使用自帶的腳手架工具vue-cli和webpack打包方式進行項目構(gòu)建運行。開發(fā)中，我們在控制臺輸入命令行npm run dev部署項目后，默認開啟的頁面調(diào)試地址是8080端口。但是有時候我們在進行多個項目開發(fā)需要同時部署多個vue項目，甚至有的還需要啟動后臺項目，這時就需要修改Vue項目的啟動端口（不然會報端口被占用的錯誤，一個端口號只能一個進程占用）。
讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：國際域名空間、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、臨海網(wǎng)站維護、網(wǎng)站推廣。
本文像大家講解如何找到Vue項目中端口的配置文件，并修改。
首先，我們打開項目根路徑中webpack的配置文件package.json，找到如下代碼：
"scripts": {
"dev": "node build/dev-server.js",
"start": "node build/dev-server.js",
"build": "node build/build.js",
"lint": "eslint --ext .js,.vue src"
}start節(jié)點配置的是項目部署編譯的入口文件，一般默認是build/dev-server.js，找到build目錄下的該文件中下面代碼：
var uri = 'http://localhost:' + port
uri就是我們項目部署的地址名稱，port即是端口號，我們在這里把port改成新的端口號也可以。在實際開發(fā)中，不建議這樣在代碼中采用硬編碼，而是通過統(tǒng)一的配置文件進行定義。
那么配置文件在哪呢，我們繼續(xù)看dev-server.js文件中如下代碼：
var webpackConfig = require('./webpack.dev.conf')從這里可以看出，引入了一個新的文件webpack.dev.conf，繼續(xù)點開后發(fā)現(xiàn)該本身并不負責具體字段的設(shè)置工作，只是引入其他的配置文件以便于統(tǒng)一管理，我們找到如下代碼：
var config = require('../config')注意這里的config是指文件件，我們打開其目錄下的index.js,就是端口號的最終設(shè)置的地方：
dev: {
env: require('./dev.env'),
port: 8082,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
// CSS Sourcemaps off by default because relative paths are "buggy"
// with this option, according to the CSS-Loader README
// (https://github.com/webpack/css-loader#sourcemaps)
// In our experience, they generally work as expected,
// just be aware of this issue when enabling this option.
cssSourceMap: false
}將port改成新值即可，如我這里的8082，重新部署項目，端口號修改成功。
以上這篇Vue.js更改調(diào)試地址端口號的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)頁標題：Vue.js更改調(diào)試地址端口號的實例
文章地址：http://jinyejixie.com/article6/jjiiog.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站導航、網(wǎng)站改版、軟件開發(fā)、電子商務(wù)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
