学习中遇到的异常处理跨域问题Access-Control-Allow-Origin

引言:
今天再用xmlhttprequest像后端异步传值时出现异常
Access to XMLHttpRequest at 'http://localhost:18080/stream' from origin 'http://127.0.0.1:8020' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

当时自以为很聪明,用hbuilder做前端页面,eclipse做后端.两端实时修改,提交请求后端可以收到
前端:

function hello(){
		var req = new XMLHttpRequest()
		req.open("POST","http://localhost:18080/stream",true);
		req.setRequestHeader("Content-Type","text/html")
		req.send("user=dgc");
		req.onreadystatechange = function (){
			if(this.readyState == 4||this.status == 200){
				console.log(this.responseText)
				document.getElementById("mdiv").innerHTML = this.responseText;
			}
		}
	}

后端:

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		String user = request.getParameter("user");
		System.out.println(user);
		Writer out = response.getWriter();
		response.setHeader("Content-Type", "text/html; charset=UTF-8")
		out.write(user);
		out.flush();
		out.close();
//		doGet(request, response);
	}

post请求后,后端设置请求头返回数据出现的问题
response.setHeader(“Content-Type”, “text/html; charset=UTF-8”)

原因:
请求域名与返回域名不一致,属于跨域请求导致返回信息找不到位置.
处理:
有说用特殊项目框架可以解决该问题.另有说需要配置IIS新增返回请求头
在第二中启发下将返回消息请求头设置为报错中的值:

response.setHeader("Access-Control-Allow-Origin","*");

接下来问题就解决了,单具体原理应该比较复杂,暂未追究