uni-app中跨域:
在uni-app中发送get/post请求时遇到跨域问题,浏览器报错:
Access to XMLHttpRequest at ‘http://localhost:8080/api/jspceshi001/DengRu?userName=&password=’ from origin ‘http://localhost:8082’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
解决方案:
第一步:
A:多文件搜索 “h5”
B:点击搜索结果
在这里插入图片描述
第二步:设置跨域配置

"h5": {
		"template": "",
		"devServer": {
			"port": 8000, // port设置客户端端口号,注意:不要与服务器端口号相同,否则会报跨域错
			"disableHostCheck": true,
			"proxy": {
				"/api": {
					// "target": "http://test.com:xxxx",
					"target": "http://localhost:8080",
					"changeOrigin": true,
					"secure": false,
					"pathRewrite": {
						"^/api": "" // 空字符串替换/api
					}
				}
			}
		}
	}

第三步:发送请求
在这里插入图片描述
注意事项:注意事项:每次修改manifest.json后都要重新运行项目,否则会不起效甚至报错

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐