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

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

以上就是Vue修改项目启动端口号方法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程