\u8fd9\u4e2a\u9519\u8bef\u662f\u7531\u4e8eCORS\u7b56\u7565\u5f15\u8d77\u7684\uff0c\u8be5\u7b56\u7565\u7528\u4e8e\u9650\u5236\u4ece\u4e00\u4e2a\u57df\u5230\u53e6\u4e00\u4e2a\u57df\u7684\u8de8\u57df\u8bf7\u6c42\u3002\u9519\u8bef\u4fe1\u606f\u4e2d\u6307\u51fa\uff0c\u2018Access-Control-Allow-Origin\u2019\u5934\u90e8\u5305\u542b\u4e86\u591a\u4e2a\u503c\uff0c\u4f46\u53ea\u5141\u8bb8\u4e00\u4e2a\u3002\n\n\u8981\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\uff0c\u4f60\u53ef\u4ee5\u5c1d\u8bd5\u4ee5\u4e0b\u65b9\u6cd5\uff1a\n\n1\u3002\u68c0\u67e5\u540e\u7aef\u4ee3\u7801\uff0c\u786e\u4fdd\u5728\u54cd\u5e94\u5934\u90e8\u4e2d\u8bbe\u7f6e\u4e86\u6b63\u786e\u7684\u2018Access-Control-Allow-Origin\u2019\u503c\u3002\u5e94\u8be5\u53ea\u8bbe\u7f6e\u4e00\u4e2a\u57df\uff0c\u5c31\u662f\u2018http://localhost:8081\u2019\uff0c\u800c\u4e0d\u662f\u591a\u4e2a\u503c\u3002\n\n2\u3002\u5982\u679c\u4f60\u4f7f\u7528\u7684\u662fSpring Boot\u6846\u67b6\uff0c\u5728\u4f60\u7684Controller\u7c7b\u6216\u65b9\u6cd5\u4e0a\u53ef\u4ee5\u4f7f\u7528@CrossOrigin\u6ce8\u91ca\u6765\u8bbe\u7f6e\u5141\u8bb8\u7684\u57df\u3002\u4f8b\u5982\uff1a\n\n java\n @CrossOrigin(origins = \"http://localhost:8081\")\n @RestController\n public class YourController {\n // ...\n }\n \n\n \u8fd9\u6837\u8bbe\u7f6e\u540e\uff0c\u54cd\u5e94\u5934\u90e8\u4e2d\u4f1a\u81ea\u52a8\u6dfb\u52a0\u2018Access-Control-Allow-Origin\u2019\u5934\u90e8\uff0c\u53ea\u5141\u8bb8\u6765\u81ea\u6307\u5b9a\u57df\u7684\u8bf7\u6c42\u3002\n\n3\u3002\u5982\u679c\u4f60\u65e0\u6cd5\u4fee\u6539\u540e\u7aef\u4ee3\u7801\u6216\u8005\u65e0\u6cd5\u63a7\u5236\u540e\u7aef\u54cd\u5e94\u5934\u90e8\uff0c\u4f60\u53ef\u4ee5\u5c1d\u8bd5\u4f7f\u7528\u4ee3\u7406\u670d\u52a1\u5668\u6765\u8f97\u8d8aCORS\u9650\u5236\u3002\u5728\u4f60\u7684\u524d\u7aef\u5f00\u53d1\u73af\u5883\u4e2d\uff0c\u914d\u7f6e\u4e00\u4e2a\u4ee3\u7406\u670d\u52a1\u5668\uff0c\u5c06\u8bf7\u6c42\u4ee3\u7406\u5230\u540e\u7aefAPI\u3002\u4f8b\u5982\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528webpack-dev-server\u7684proxy\u914d\u7f6e\u6765\u5b9e\u73b0\u8fd9\u4e2a\u76ee\u7684\u3002\n\n \u5728webpack\u914d\u7f6e\u6587\u4ef6\u4e2d\uff0c\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\uff1a\n\n javascript\n devServer: {\n proxy: {\n \'/api\': {\n target: \'http://10.245.181.68:90\',\n changeOrigin: true,\n pathRewrite: {\n \'^/api\': \'\'\n }\n }\n }\n }\n \n\n \u8fd9\u6837\u8bbe\u7f6e\u540e\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u8bbf\u95ee\u2018/api/jeecg-boot/sys/randomImage/1690276975976\u2019\u6765\u4ee3\u7406\u5230\u540e\u7aefAPI\uff0c\u8f97\u8d8aCORS\u9650\u5236\u3002\n\n\u8bf7\u6839\u636e\u4f60\u7684\u5177\u4f53\u60c5\u51b5\u9009\u62e9\u9002\u5408\u7684\u89e3\u51b3\u65b9\u6cd5\uff0c\u5e76\u8fdb\u884c\u76f8\u5e94\u7684\u914d\u7f6e\u3002

解决CORS错误:Access-Control-Allow-Origin包含多个值

原文地址: https://www.cveoy.top/t/topic/p09q 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录