How to change the port number in vue.js

How to change the port number in vue.js: 1. There is an [index.js] in the config folder, part of which is as follows, port is the port number, change it here; 2. [Vue 3.x ] To modify the port number, you need to create a [vue.config.js] in the project root directory.

The operating environment of this tutorial: windows10 system, vue2.9, this article is applicable to all brands of computers.

【Recommended related articles: vue.js】

How to change the port number in vue.js:

1.Vue 2.x

There is an index.js in the config folder, part of which is as follows, port is the port number, you can change it here.

module.exports = {
  dev: {
    env: require('./dev.env'),
    port: 8080,  // 端口号
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},
    // CSS Sourcemaps off by default because relative paths are "buggy"
    // with this option, according to the CSS-Loader README
    // (https://github.com/webpack/css-loader#sourcemaps)
    // In our experience, they generally work as expected,
    // just be aware of this issue when enabling this option.
    cssSourceMap: false,
   }
};

2.Vue 3.x

To modify the port number in Vue 3.x, you need to create a vue.config.js in the project root directory, with the following content.

module.exports = {
  devServer: {
    port: 8080,   // 端口号
  }
};

Related free learning recommendations: JavaScript (video)

The above is the detailed content of How to change the port number in vue.js. For more information, please follow other related articles on the PHP Chinese website!