关于vue-cli引用axios报错

Question

关于vue-cli引用axios报错（no-unused-vars 'axios' is defined but never used）

Answer 1

你启用了ESLint对语法进行检查，按照JavaScript Standard Style代码规范中有关“eslint: no-unused-vars”的内容：

不要定义未使用的变量。

你在这里引用了axios，但是你并未使用它导致ESLint检查出错。

你可以：

1、把你注释的那行使用axios的代码:

//Vue.prototype.$http = axios

将注释去掉

2、取消ESLint对no-unused-vars的检查：

编辑文件eslintrc.js，在‘rules’中加入

'no-unused-vars': 0,

3、加入注释让ESLint跳过这段代码的检查

/* eslint-disable no-unused-vars */
...
code
...

4、彻底关掉ESLint(不推荐)

编辑文件build/webpack.base.conf.js,在module/rules找到如下内容：

{
    test: /\.(js|vue)$/,
    loader: 'eslint-loader',
    enforce: 'pre',
    include: [resolve('src'), resolve('test')],
    options: {
      formatter: require('eslint-friendly-formatter')
    }
},

直接将这段内容删除。

希望可以帮到你。

Answer 2

eslint 的报错，定义了 axios 但你代码中没有使用
两种方法解决
你这个代码文件里如果用不到axios，就没有必要引入
如果要用就写出来

const service = axios.create({
  baseURL: baseUrl
})

当然，你也可以选把关掉 eslint

Answer 3

你启用了eslint，它会严格检查你的书写规范，比如空格换行它都会算作错误。
用其他语言写，比如java你定义了一个没有用的变量编译器也会给你那行定义代码出现警告下划线的。

Answer 4

在下面添加一句： Vue.use(axios);