JavaScript 我想问下本地调试，用 Rails 做后端，Webpack 做前端，fetch API 的跨域问题是怎么解决的

ad583255925 · 2017年11月07日 · 最后由 yfractal 回复于 2017年11月07日 · 6460 次阅读

一旦有跨域请求，fetchApi 首先会发送一个 OPTION请求，但是在 rails 里面怎么处理这个请求呢？

CardDetail.vue?950b:100 OPTIONS http://localhost:3000/api/v1/cards/311 404 (Not Found)

ad583255925 #1 2017年11月07日

解决了，写一个你需要被跨域访问时的OPTIONS路由

routes.rb

match '/api/v1/cards/:id', :controller => 'option_configs', :action => 'options', :via => :options

option_configs_controller.rb

class OptionConfigsController < ApplicationController
  def options
    headers['Access-Control-Allow-Origin'] = "*"
    headers['Access-Control-Allow-Methods'] = 'POST, GET, OPTIONS, PUT'
    headers['Access-Control-Allow-Headers'] = 'Content-Type'
    head :ok
  end
end