Vue修改项目启动端口号方法


Posted in Javascript onNovember 07, 2019

在项目的package.json中可以找到如下代码

start属性指定的文件就是通过开发模式启动的服务文件

"scripts": {
 "dev": "node build/dev-server.js",
 "start": "node build/dev-server.js",
 "build": "node build/build.js",
 "lint": "eslint --ext .js,.vue src"
}

在build目录下的dev-server.js中可以找到如下代码

可以发现uri在拼接port接口之前,port接口首先根据是生产还是开发,被赋予了不同的端口号

而开发环境下的端口号来自config目录

var config = require('../config')
...
var port = process.env.PORT || config.dev.port
...
var uri = 'http://localhost:' + port

在config目录下的index.js中可以找到如下代码

修改此处的port即可修改开发环境下启动项目的端口号

dev: {
 ...
 port: 8090,
 ...
}

以上这篇Vue修改项目启动端口号方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
jQuery中prevAll()方法用法实例
Jan 08 Javascript
jQuery解决input超多的表单提交
Aug 10 Javascript
理解 JavaScript Scoping & Hoisting(二)
Nov 18 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 Javascript
angularJS模态框$modal实例代码
May 27 Javascript
详解处理Vue单页面应用SEO的另一种思路
Nov 09 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
javascript面向对象创建对象的方式小结
Jul 29 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 #Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 #Javascript
浅谈Vue中render中的h箭头函数
Nov 07 #Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 #Javascript
Vue 通过公共字段,拼接两个对象数组的实例
Nov 07 #Javascript
vue之a-table中实现清空选中的数据
Nov 07 #Javascript
vue实现将一个数组内的相同数据进行合并
Nov 07 #Javascript
You might like
php 函数使用方法与函数定义方法
2010/05/09 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
PHP精确计算功能示例
2016/11/29 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
js+div实现图片滚动效果代码
2014/02/10 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
Javascript实现获取及设置光标位置的方法
2015/07/21 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
2015/07/29 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
2019/05/22 Javascript
Ant-design-vue Table组件customRow属性的使用说明
2020/10/28 Javascript
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
Python查询Mysql时返回字典结构的代码
2012/06/18 Python
python测试驱动开发实例
2014/10/08 Python
在centos7中分布式部署pyspider
2017/05/03 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
苹果香港官方商城:Apple香港
2016/09/14 全球购物
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
database面试题
2013/03/28 面试题
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
运动会稿件50字
2014/02/17 职场文书
医学专业应届生的自我评价
2014/02/28 职场文书
文秘应届生求职信
2014/07/05 职场文书
英语三分钟演讲稿
2014/08/19 职场文书
2015年公司工作总结
2015/04/25 职场文书
2016年秋季运动会加油稿
2015/12/21 职场文书
2016年社区国庆节活动总结
2016/04/01 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server