フロントエンドはクロスドメイン CORS 設定プロキシを解決します

リクエスト アドレスで CORS クロスドメインの問題が発生した場合、解決策は次のとおりです。

1. /api (別の名前でも可) 文字を判定として追加します 

 

次に、vue.config.js でプロキシを設定します (vue.config.js は vue3 のルート ディレクトリに自分で作成した設定ファイルです。vue2 には対応する設定ファイルがあります)

 devServer.proxy 構成 

 '/api' : {
                target: "http://121.41.14.175:10521", //请求目的ip： 端口
                // ws: true,//表示是否要开通链接websoket请求
                changeOrigin: true,
                pathRewrite: {
                    '^/api':''//这里理解成用‘/api’代替target里面的地址，
                    //后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
                }
            }

リクエストは成功しました！