登陆Get不到数据、404错误

Question

this.$http.get('api/login')，会报get未定义的错。导入axios组件以后，使用axios.get('api/login')，报404错误、还有代码里面的api路径下面的东西，不知道从哪来的、是不是还有一块接收的内容没讲，不明白。

Answer 1

fishenal 2018-02-05 18:22:46

get未定义可能是vue-resource没有注入到Vue对象里，用vue.use()方法。

404 是接口配置的问题，你用了mockjs了吗？或者其他的api-server？

那下面一堆路径都是让你追踪错误的，404不用看那么多，就是接口不存在，mockjs里拦截匹配的设置检查一下

• 提问者 qq_默染安年_0 #1

  嗯、大概明白是什么意思了、这里是前端向后端请求数据，但是没有后端这边的接口、没有用mockjs，我安装了一下express和相关的依赖，但是不知道和vue怎么搭配在一起用，另外同一个目录下面，两个npm install --save打包进package会不会有冲突，网上搜了很多vue+express的东西，中间掺了些数据库很烦，我想知道后端这里怎么配置的，具体流程是怎么完成的。我有看过http://coding.imooc.com/learn/questiondetail/40593.html，这里，但是不知道怎么引进来，写在哪里。后面的视频还没看，不知道有没有讲到这一块的内容，简单点都好，想用真的服务器来响应。老师能讲一下或者有一些简单的例子么。

• fishenal 回复 提问者 qq_默染安年_0 #2

  前后端通过接口交互，前后端分离，前端做前端的后端做后端的，所以前端要找自己的方法联调。 一个npm目录只能对应一个package.json文件，最简单的就是mock.js了啊，不用搭server，至于两个server就是通过调用不同的端口实现的，比如apiserver 是在 localhost:8082端口，项目是启动在8081端口，总之都是本地的localhost

• 提问者 qq_默染安年_0 回复 fishenal #3

  好的，谢谢老师，我做好了。我也用express搭了个服务器，一个8080，一个3000，前后端分离跨域访问。我看了老师服务器的配置，apiRouter.router('/:apiName').all(function(req,res){....}),这个写法很厉害。有两个不明白的地方也没找到答案，一个是.all方法，这个是JS里的还是vue或者是express里面的，我没有找到匹配的。还有一个是'/:apiName'，这个冒号是什么作用呢

点开查看后面2条评论