vuejs vue-cli 如何使用console.log 而不会出现任何错误

Question

我想看看结果变量的内容是什么。

const result = await axios.post('/login', {
    email: user.email,
    password: user.password
});
console.log(result);

在我运行“npm run serve”之后

我收到一个错误，无法编译使用控制台。

使用 vue-cli 时有没有办法使用控制台？

Answer 1

如果您使用 CLI 生成此项目并使用默认设置，请检查您的.eslintrc.js文件。规则将在那里。你会看到类似的东西：

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  },
  parserOptions: {
    parser: 'babel-eslint'
  }
}

改变extends和rules会做你想做的事。

此外，您可以使用// eslint-disable-next-line或/* eslint-disable */注释来忽略包含console.log().

如果文件丢失，请在根目录中创建它并添加：

module.exports = {
    rules: {
        'no-console': 'off',
    },
};