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 相关文章推荐
JSON.stringify 语法实例讲解
Mar 14 Javascript
jQuery之字体大小的设置方法
Feb 27 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
Bootstrap栅格系统的使用和理解2
Dec 14 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
js for循环倒序输出数组元素的实例
Mar 01 Javascript
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
Aug 27 Javascript
vue elementUI tree树形控件获取父节点ID的实例
Sep 12 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 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中的Base62类(适用于数值转字符串)
2013/08/12 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
php操作xml入门之cdata区段
2015/01/23 PHP
PHP安全上传图片的方法
2015/03/21 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
PHP中的use关键字及文件的加载详解
2016/11/28 PHP
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
javascript中直接写php代码的方法
2013/07/31 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
理解JS事件循环
2016/01/07 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
微信小程序 动画的简单实例
2017/10/12 Javascript
vue keep-alive请求数据的方法示例
2018/05/16 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
详解Eslint 配置及规则说明
2018/09/10 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
2019/02/28 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
2019/05/20 Javascript
vue.js购物车添加商品组件的方法
2019/09/17 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
2020/10/24 Javascript
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
pandas数据处理基础之筛选指定行或者指定列的数据
2018/05/03 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例
2020/02/27 Python
Python包和模块的分发详细介绍
2020/06/19 Python
Python如何在单元测试中给对象打补丁
2020/08/03 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
机械加工与数控专业自荐书
2014/06/04 职场文书