vue.config.js配置未生效，devServer配置https无效果如何解决

你的配置不生效的根本原因是vue.config.js的导出语法错误：你写的是module.export，正确的CommonJS导出语法是module.exports，缺失了末尾的s，导致配置文件没有导出有效内容，所有配置项都不会被读取，因此不管是https配置还是端口修改都不会生效。

1. 首先修正导出语法，将module.export改为module.exports
2. 如果需要使用自定义HTTPS证书，需要在配置文件顶部提前引入fs和path内置模块
3. 修改完成后停止当前运行的npm run serve进程，重新执行命令启动开发服务器即可生效

测试用最简配置（先验证配置读取是否正常） #

module.exports = {
    devServer: {
        https: true,
        port: 8080,
        public: 'https://localhost:8080/'
    }
}

带自定义证书的完整配置 #

const fs = require('fs')
const path = require('path')

module.exports = {
    devServer: {
        https: {
            // 注意替换为你实际的密钥、证书文件名
            key: fs.readFileSync(path.join(__dirname, '../certs/[key].pem')),
            cert: fs.readFileSync(path.join(__dirname, '../certs/[cert].pem'))
        },
        public: 'https://localhost:8080/'
    }
}

如果修改后还是不生效，可以在vue.config.js文件最顶部添加一行console.log('vue.config.js 已被加载')，启动服务时查看控制台是否有对应输出，即可确认配置文件是否被正确读取。另外要注意执行npm run serve的工作目录必须是frontend文件夹，否则vue-cli无法找到对应的配置文件。

内容的提问来源于stack exchange，提问作者Dave