Vue修改项目启动端口号方法
更新时间：2019年11月07日 17:52:46 作者：asing1elife
今天小编就为大家分享一篇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修改项目启动端口号方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
要想实现一个吸顶效果不是很难,网络上有很多教程,其中有一种就是通过fiexd加top来实现,今天突然就想做一个吸顶效果,因为最近都在用vue,所以想用vue来做一个吸顶效果的案例,感兴趣的朋友可以参考下2023-11-11
下面小编就为大家分享一篇mint-ui 时间插件使用及获取选择值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
本篇文章主要介绍了详解vuex 中的 state 在组件中如何监听，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要介绍了解决vue+router路由跳转不起作用的一项原因，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
本篇文章主要介绍了vue.js根据代码运行环境选择baseurl的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要为大家详细介绍了vue中使用Pinia是五个实用技巧,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以跟随小编一起了解一下2023-11-11
vue3中vite的@路径别名与path中resolve实例详解
这篇文章主要给大家介绍了关于vue3中vite的@路径别名与path中resolve的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友可以参考下2023-02-02
vue3 开始时间与结束时间比较验证(结束时间需要大于开始时间)
本文通过示例代码介绍了vue3 开始时间与结束时间比较验证(结束时间需要大于开始时间)的相关操作,代码简单易懂,感兴趣的朋友跟随小编一起看看吧2024-07-07
本篇文章主要介绍了vue-resource 拦截器使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要介绍了Vue使用正则校验文本框为正整数问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
最新评论