Sometimes, we want to change the port number in a Vue CLI project.
In this article, we’ll look at how to change the port number in a Vue CLI project.
How to change the port number in a Vue CLI project?
To change the port number in a Vue CLI project, we can change the port property in the object being exported in vue.config.js.
For instance, we write
vue.config.js
module.exports = {
// ...
devServer: {
open: process.platform === "darwin",
host: "0.0.0.0",
port: 8088,
https: false,
hotOnly: false,
},
// ...
};
to change the port property to 8088 to server the Vue CLI project on port 8088.
Conclusion
To change the port number in a Vue CLI project, we can change the port property in the object being exported in vue.config.js.
