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

网络编程 发布日期:2024/9/24 浏览次数:1

正在浏览:Vue修改项目启动端口号方法

在项目的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修改项目启动端口号方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?