この問題は、クロスドメインの問題の文字通りの意味を通じて見ることができ、これは、フロントとバックのコードをチェックすることですが、クロスドメインが設定されていない、このような私のバックエンドのように、今回はそれを正しく取得しなかったので、この種のエラーの報告です。 それはvueの場合は、次の方法で行うことができます。
module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api':{ target:'"http://localhost:8344"', //changeOriginを変更することができる:true, pathRewrite:{ '^/api': '' } } }, //クロスドメインサポートを設定する
@SpringBootConfigurationpublic class MyWebConfigurer implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry corsRegistry){ /** * すべてのリクエストはクロスドメインが許可されているので、この設定を使用する必要はない。* インターセプターでヘッダーを設定する。*/ corsRegistry.addMapping("/**") .allowCredentials(true) .allowedOrigins("http://localhost:8080") .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE") .allowedHeaders("*") .maxAge(3600); }