vuejs3在Local主机中获得CORS错误

Question

我正在使用http：// localhost：3000来开发我的网站，但是我总是从哨兵那里遇到CROS错误，我缺少什么？

在Sentry的设置中： 域设置为 *，但是看起来不起作用。

我已经将项目的允许 CORS策略：在请求的资源上没有“访问控制”标头。如果不透明的响应满足您的需求，请将请求模式设置为“无核”，以通过禁用CORS来获取资源。

vue3 + vite

yarn add @sentry/tracing @sentry/vue

在main.ts中

import * as Sentry from "@sentry/vue"
import { Integrations } from "@sentry/tracing"
const app = createApp(App)
// Initialize Sentry
const dsnSentry = import.meta.env.VITE_SENTRY_DSN as string
if (!!dsnSentry) {
  const env = import.meta.env.VITE_ENV
  const isDebug = env !== "production"
  Sentry.init({
    app,
    dsn: dsnSentry,
    // integrations: [new Integrations.BrowserTracing()],
    integrations: [
      new Integrations.BrowserTracing({
        routingInstrumentation: Sentry.vueRouterInstrumentation(router),
        tracingOrigins: ["localhost:3000", /^\//],
      }),
    ],
    tracesSampleRate: 1.0,
    debug: isDebug,
  })
}

app.mount("#app")

Answer 1

我通过在tracingorigins param中使用*解决了这个问题。

这样：

Sentry.init({
  dsn: "__DNS__",
  integrations: [new BrowserTracing({ tracingOrigins: ["*"] })],
  tracesSampleRate: 1.0,
});

另一个问题，可以是Ads Block扩展名，例如Adblock，Ublock。

Answer 2

对于任何降落在这里的人，我都通过禁用Ublock Origin来修复它...