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 相关文章推荐
ext 同步和异步示例代码
Sep 18 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
使用bootstrap3开发响应式网站
May 12 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
详解在Vue中如何使用axios跨域访问数据
Jul 07 Javascript
带你快速理解javascript中的事件模型
Aug 14 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
Aug 07 Javascript
JavaScript变量基本使用方法实例分析
Nov 15 Javascript
node.js中npm包管理工具用法分析
Feb 14 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 Javascript
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实现替换手机号中间数字为*号及隐藏IP最后几位的方法
2016/11/16 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
Smarty3配置及入门语法
2017/02/22 PHP
JavaScript Eval 函数使用
2010/03/23 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
自己整理的一个javascript日期处理函数
2010/10/16 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
2012/02/27 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
2013/04/17 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
js鼠标滑过图片震动特效的方法
2015/02/17 Javascript
JavaScript通过字典进行字符串翻译转换的方法
2015/03/19 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
vue实现下载文件流完整前后端代码
2020/11/17 Vue.js
[45:38]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第一局
2016/03/02 DOTA
python使用super()出现错误解决办法
2017/08/14 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
我喜欢你 抖音表白程序python版
2019/04/07 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
python 模拟创建seafile 目录操作示例
2019/09/26 Python
pygame实现非图片按钮效果
2019/10/29 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
python输入中文的实例方法
2020/09/14 Python
python中判断数字是否为质数的实例讲解
2020/12/06 Python
省文明单位申报材料
2014/05/08 职场文书
环保倡议书400字
2014/05/15 职场文书
营运督导岗位职责
2015/04/10 职场文书
企业战略合作意向书
2015/05/08 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL