vue resource的$.http.post方法怎么会变成OPTIONS方法?

代码如下:

代码

以下是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命令测试均能够得到正确的结果,应该不是后端的问题

阅读 32.8k
评论
    7 个回答
    • 26.8k

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

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

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

      • 3.9k
      http: {
          headers: {'Content-Type': 'application/x-www-form-urlencoded'}
      }

      在vue上设置以上header。

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

          Vue.http.options.emulateJSON = true

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

              解决了吗 兄弟

              该答案已被忽略,原因:

                撰写回答

                登录后参与交流、获取后续更新提醒

                相似问题
                推荐文章