时间戳

首页 > 解决方案 > VueJS + Axios - CORS 策略：无访问控制允许来源

vue.js - VueJS + Axios - CORS 策略：无访问控制允许来源

问题描述

我在使用 Axios 的 VueJs 开发的 Web 应用程序上出现错误。

Access to XMLHttpRequest at `URL API` from origin `URL APP` has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

请求示例：

axios
        .get(
          store.getters.getURL +
            "/TennisStats?MatchId=" +
            this.$route.params.id +
            "&season=" +
            season,
          { }
        )
        .then(function (response) {

我有一个 devServer 设置：

module.exports = {
  devServer: {
    proxy: 'https:/URL_APP/api/',
  },

该应用程序托管在 AWS 上。

该错误随机出现，当缓存被删除时，它会再次消失一段时间。

我不知道该怎么办......你能重现错误并指导我寻找原因吗？

标签： vue.js

解决方案

您可以尝试隐身并尝试吗？可能是缓存问题，因为您在同一台机器上工作。此外，如果这不起作用，请尝试重新启动 AWS 服务器，或尝试在另一台机器上运行托管应用程序。

推荐阅读