vue.js如何更改默认端口号8080为指定端口的方法


Posted in Javascript onJuly 14, 2017

本文介绍了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 
}

这里不仅可以改变端口,还可以根据需要改变其他配置信息。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
Jul 29 Javascript
Js组件的一些写法
Sep 10 Javascript
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
javascript实现控制浏览器全屏
Mar 30 Javascript
学习JavaScript设计模式(接口)
Nov 26 Javascript
详解js的六大数据类型
Dec 27 Javascript
json对象及数组键值的深度大小写转换问题详解
Mar 30 Javascript
react-native android状态栏的实现
Jun 15 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
Mar 20 Javascript
详解Vue3 Teleport 的实践及原理
Dec 02 Vue.js
Vue computed计算属性的使用方法
Jul 14 #Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 #Javascript
JS实现数组去重方法总结(六种方法)
Jul 14 #Javascript
Javascript中Promise的四种常用方法总结
Jul 14 #Javascript
js学习心得_一个简单的动画库封装tween.js
Jul 14 #Javascript
详解VUE中v-bind的基本用法
Jul 13 #Javascript
vue通过watch对input做字数限定的方法
Jul 13 #Javascript
You might like
php将数据库导出成excel的方法
2010/05/07 PHP
redis+php实现微博(二)发布与关注功能详解
2019/09/23 PHP
javascript中的原型链深入理解
2014/02/24 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
浅谈javascript事件取消和阻止冒泡
2015/05/26 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
2015/06/01 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
js将json格式的对象拼接成复杂的url参数方法
2016/05/25 Javascript
jQuery事件详解
2017/02/23 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
es6函数之尾调用优化实例分析
2020/04/25 Javascript
基于js实现的图片拖拽排序源码实例
2020/11/04 Javascript
[02:31]2014DOTA2国际邀请赛2009专访:干爹表现出乎意料 看好DK杀回决赛
2014/07/20 DOTA
[03:55]TI9战队采访——TNC Predator
2019/08/22 DOTA
使用Python程序抓取新浪在国内的所有IP的教程
2015/05/04 Python
Python自动扫雷实现方法
2015/07/25 Python
Python+django实现简单的文件上传
2016/08/17 Python
浅谈django model的get和filter方法的区别(必看篇)
2017/05/23 Python
Python lambda表达式用法实例分析
2018/12/25 Python
python TK库简单应用(实时显示子进程输出)
2019/10/29 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
优秀的毕业生的自我评价
2013/12/12 职场文书
八一建军节感言
2014/02/28 职场文书
购房意向书范本
2014/04/01 职场文书
英语一分钟演讲稿
2014/04/29 职场文书
关于旅游的活动方案
2014/08/15 职场文书
支行行长竞聘报告
2014/11/06 职场文书
悬空寺导游词
2015/02/05 职场文书
导游词之无锡东林书院
2019/12/11 职场文书
nginx基于域名,端口,不同IP的虚拟主机设置的实现
2021/03/31 Servers
Python并发编程实例教程之线程的玩法
2021/06/20 Python
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS