vue2 webpack设置调试运行端口

vue yekong

数据大屏项目在调试开发中可能会需要指定调试端口号,以便于不和其他项目的端口冲突。

这里我们找到vue.config.js文件

关键代码

这里我们指定8083为端口号

devServer: {
    port: 8083// 设置端口为8083
},

完整实例代码

'use strict'
const webpack = require('webpack')
var qiniuPrefix = require("./qiniu-upload-prefiex");

module.exports = {
  // 七牛cdn配置
  publicPath: process.env.NODE_ENV === 'production' ? (qiniuPrefix.accessKey ? qiniuPrefix.prefixhost + qiniuPrefix.prefix : '') : '',
  // publicPath: '',
  productionSourceMap: false,
  lintOnSave: false,
  devServer: {
    port: 8083// 设置端口为8083
  },
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery',
        'window.$': 'jquery',
        Popper: ['popper.js', 'default']
      })
    ]
  }
}

喜欢