1

代码如下:

代码

以下是Chrome的网络请求:

Chrome

官方的issue中我也发现了类似的问题,但是我还是没有解决,我试了下,$http.put和$http.delete都变成了OPTIONS方法,后端是使用express构建的REST API,代码如下:

'use strict'

const UserController = require('../controllers/user')

module.exports = app => {
  app.route('/api/users')
    .get(UserController.list)
    .post(UserController.create)

  app.route('/api/users/:uid')
    .get(UserController.get)
    .put(UserController.update)
    .delete(UserController.delete)

  app.param('uid',UserController.getById)
}

后端代码服务通过curl命令测试均能够得到正确的结果,应该不是后端的问题

2016-05-10 提问
7 个回答
3

已采纳

这是跨域问题,先把这个内容看完,否则你这个东西改起来无从下手。

简单来说,就是“非简单请求”在跨域时,浏览器会默认自动帮你发一个OPTIONS请求,到服务器端请求服务器确认该请求的合法性,服务器端必须得有相应的路由处理该请求,并认真返回200响应,然后浏览器才会再次发出正常的、你需要的请求。

解决跨域问题前,先理解跨域,认真面对这个问题,很重要

1

非常感谢,获益匪浅

雨碎江南 · 2016-05-11

展开评论
2
http: {
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}

在vue上设置以上header。

1

跨域的情况下 不能随意加http请求header头。否则会先有一次对服务器的先导请求 就是你说的OPTIONS请求。 然后再是正式的请求。 且这个options请求不能被缓存,效率很低,而且后端要配合,不推荐你这么搞。直接用xhr2.0跨域即可。和你们服务器的大哥商量下 换种方案

0
Vue.http.options.emulateJSON = true
0

我的express在3000端口提供了api的服务,但是前端vue开发的时候webpack使用的是8888端口就存在了跨域问题,之前虽然设置了Access-Control-Allow-Origin", "*",但是还是没有注意到发送复杂http请求的时候会首先发送一个OPTIONS用来进行prefilight check,只有该OPTIONS返回200才会接着进行请求.最后我在cnode社区找到了答案.

0

解决了吗 兄弟

该答案已被忽略,原因:

撰写答案

推广链接