vue.js如何更改默認端口號8080為指定端口的方法
本文介紹了vue.js如何更改默認端口號8080為指定端口,分享給大家,希望此文章對各位有所幫助。
執(zhí)行npm run dev實際是在調用根目錄下的package.json
打開package.json后可發(fā)現有這樣一段代碼
"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的開始部分我們可以發(fā)現
var path = require('path')
而path又是從哪里來的呢?
根目錄下有一個config文件夾,看名字就知道與配置有關,打開config目錄下的index.js
dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, cssSourceMap: false }
這里不僅可以改變端口,還可以根據需要改變其他配置信息。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Vue3新特性Suspense和Teleport應用場景分析
本文介紹了Vue2和Vue3中的Suspense用于處理異步請求的加載提示,以及如何在組件間實現動態(tài)加載,同時,Teleport技術展示了如何在DOM中靈活地控制組件的渲染位置,解決布局問題,感興趣的朋友跟隨小編一起看看吧2024-07-07使用vue-cli3+typescript的項目模板創(chuàng)建工程的教程
這篇文章主要介紹了使用vue-cli3+typescript的項目模板創(chuàng)建工程,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-02vue3?實現關于?el-table?表格組件的封裝及調用方法
這篇文章主要介紹了vue3?實現關于?el-table?表格組件的封裝及調用方法,本文給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-06-06vue的axios使用post時必須使用qs.stringify而get不用問題
這篇文章主要介紹了vue的axios使用post時必須使用qs.stringify而get不用問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-01-01