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 相关文章推荐
用javascript实现读取txt文档的脚本
Jul 20 Javascript
使用闭包对setTimeout进行简单封装避免出错
Jul 10 Javascript
基于JS实现Android,iOS一个手势动画效果
Apr 27 Javascript
移动端js图片查看器
Nov 17 Javascript
jQuery 如何实现一个滑动按钮开关
Dec 01 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
Jan 04 Javascript
C#微信小程序服务端获取用户解密信息实例代码
Mar 10 Javascript
angularjs $http实现form表单提交示例
Jun 09 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
微信小程序 高德地图路线规划实现过程详解
Aug 05 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 Javascript
小程序实现密码输入框
Nov 16 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和ACCESS写聊天室(九)
2006/10/09 PHP
php自动获取关键字的方法
2015/01/06 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
php实现登录页面的简单实例
2019/09/29 PHP
javascript demo 基本技巧
2009/12/18 Javascript
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
js中的eventType事件及其浏览器支持性介绍
2013/11/29 Javascript
node.js中的fs.fchownSync方法使用说明
2014/12/16 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
bootstrap table表格使用方法详解
2017/04/26 Javascript
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
2017/07/23 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
vue自定义底部导航栏Tabbar的实现代码
2018/09/03 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
[01:15:00]LGD vs Mineski Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
python中sleep函数用法实例分析
2015/04/29 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
Python自动抢红包教程详解
2019/06/11 Python
python实现替换word中的关键文字(使用通配符)
2020/02/13 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
python实现简单井字棋小游戏
2020/03/05 Python
tensorflow模型文件(ckpt)转pb文件的方法(不知道输出节点名)
2020/04/22 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
学生思想表现的评语
2014/01/30 职场文书
Python机器学习之逻辑回归
2021/05/11 Python