Vue修改项目启动端口号方法
时间:2021-03-03 10:08:43|栏目: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, ... }
上一篇:父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
栏 目:vue
本文标题:Vue修改项目启动端口号方法
本文地址:http://www.codeinn.net/misctech/73486.html