我是靠谱客的博主 伶俐钥匙,最近开发中收集的这篇文章主要介绍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修改项目启动端口号方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持靠谱客。

最后

以上就是伶俐钥匙为你收集整理的Vue修改项目启动端口号方法的全部内容,希望文章能够帮你解决Vue修改项目启动端口号方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(108)

评论列表共有 0 条评论

立即
投稿
返回
顶部