这篇文章给大家分享的是有关vue.js更改默认端口号8080为指定端口的示例的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联公司主要从事做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务宽城,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

执行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为指定端口的示例”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：vue.js更改默认端口号8080为指定端口的示例-创新互联
标题URL：http://chengdu.cdxwcx.cn/article/codsdi.html