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修改项目启动端口号方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Jane
2021-06-09
Serwa
2020-03-20
Claire
2021-05-21
Hester
2023-07-22
Grace
2023-07-22
Vanna
2023-07-22
Peony
2023-07-22
Dorothy
2023-07-22
Dulcea
2023-07-22
Zandra
2023-07-22
Serafina
2023-07-24
Kathy
2023-08-08
Olivia
2023-08-08
Victoria
2023-08-08
Elina
2023-08-08
Jacinthe
2023-08-08
Viridis
2023-08-08
Hana
2023-08-08
Cybill
2023-08-08