vue.config.js文件修改默认端口不生效

Question

提问

使用vue-cli3.x版本脚手架搭建vue2项目，通过生成的vue.config.js文件修改vue项目启动的默认端口号，vue.config.js文件无效。

vue.config.js文件

module.exprots = {
  devServer: {
    port:8081
  },
};

效果

npm run serve 命令启动vue项目，成功启动，但是端口仍然是默认端口，求解啊~

Answer 1

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7443633
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：使用vue-cli3创建项目，如何配置vue-config.js
• 除此之外, 这篇博客: 【vue】使用vue-cli3.0/4.0搭建的项目如何区分环境中的 四、配置vue.config.js文件 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• //输出文件目录
  outputDir: process.env.VUE_APP_DIR_NAME,

  同样的，vue 的其他配置我们都会在项目根目录创建一个 vue.config.js 文件，那么在 outputDir 属性取配置中的值，就可以做到不同环境打包文件名字不同的区分了

   

• 您还可以看一下 夏昊老师的VUE入门课程中的 vue-cli搭建vue项目小节, 巩固相关知识点