在 vue.js 中发布到 Flask API 时“被 CORS 政策阻止”

如何解决在 vue.js 中发布到 Flask API 时“被 CORS 政策阻止”

我正在使用 vue.js 构建个人项目的前端。我的后端是flask（flask-restful）中的一个rest API。首先，我在尝试执行 GET 请求时遇到了 cors 问题，使用以下代码解决了这个问题：

# file  __init__.py
from flask_cors import CORS,cross_origin

    app = Flask(__name__)
    CORS(app)

但是我在执行 POST 请求（登录）时仍然收到此错误：

在“http://127.0.0.1:5000/api/auth/login”访问 XMLHttpRequest 来源 'http://localhost:8080' 已被 CORS 政策阻止： 对预检请求的响应未通过访问控制检查：它 没有 HTTP ok 状态。

在 API 中，我使用了flask-restful 的资源对象，这是我的登录视图：

class LoginApi(Resource):
    def post(self):
        try:
            data = request.get_json(force=True) 
            user = User.objects.get(email=data.get('email'))
            authorized = user.check_password(data.get('password'))
            if not authorized:
                return {'error': 'Email or password invalid'},401
        
            expires = datetime.timedelta(days=7)
            access_token = create_access_token(identity=str(user.id),expires_delta=expires)
            return {'token': access_token},200
        except (UnauthorizedError,DoesNotExist):
            raise UnauthorizedError
        except Exception:
            raise InternalServerError

为了提出请求，我使用了 vue-resource。我的配置：

    // main.js
    import VueResource from 'vue-resource'

    Vue.use(VueResource)
    Vue.http.options.root = process.env.API_URL ? process.env.API_URL : 'http://127.0.0.1:5000/';

我的方法：

save () {
            this.service = new UserService(this.$resource)

            this.service
                .login(this.user)
                .then(res => console.log(res),error => console.log(error))
        }

UserService 类：

export default class UserService {
    constructor(resource) { // resource comes from VueResource
        this._resource = resource("api/auth/login")
    }

    login (user) {
        return this._resource
            .save(user)
    }
}

我感谢任何形式的帮助。我收到这个错误已经有几个小时了，但我什么也没得到。我看到了很多类似的问题，但到目前为止没有一个适用于我的案例。