关于Nuxt.js中axios获取后端数据会报错的巨坑分析

搞了一个上午彷佛才弄懂是哪里的原因。

先说一下问题，很简单，就是axios得不到数据，各种各样的报错。开始我以为是因为第一次使用类似"async""await"等异步获取数据的方法的原因，但是一时又想不到怎么使用同步获取数据的办法验证，所以一直在查关于"asyncData"的使用方法，故而误入歧途。

看一下各种修改时报错的声明，美轮美奂

_nuxt_axios__WEBPACK_IMPORTED_MODULE_0__.default.get is not a function

其实这就说的是找不到axios.get方法嘛，然而我当时就是觉得axios配置好了，找不到应该不是axios的问题。

inject is not a function:
  inject('axios', axios)

inject虽然我不知道是啥，但是在axios.js里面可以找得到报错的这句代码，这有一次说明了axios配置出现了问题，然而我就是抱着axios绝对没事的直觉，，又一次错过。

没啥办法的时候，我选择重新创建工程，然而每次结果都是一样的，在一点点派出了后端的错误，语法的错误，nuxt.js本身的错误（搞笑）之后，我终于开始质疑是axios自己的错误。

于是我尝试把axios添加到"package.json"文件中去，然后引用：

  "dependencies": {
    "@nuxtjs/axios": "^5.3.6",
    "cross-env": "^5.2.0",
    "element-ui": "^2.4.11",
    "koa": "^2.6.2",
    "koa-router": "^7.4.0",
    "nuxt": "^2.0.0",
    "axios": "latest"
  },

果然好了。

总结一下，因为之前使用vue add，好用的我已经忘了要在package.json中配置所需要的插件。导致axios一直连接不上，今儿导致我对Nuxt.js都产生了质疑，是可忍熟不可忍，磕头道歉。

网上关于Nuxt.js的资料确实没有想象中那么多，似乎大家对服务端渲染还不是那么重视，或者什么其他的原因，但是我是很喜欢这个工具的，希望能深入学习下去。

以上。