项目需要,要写个本地服务,给VUE 前端 提供api。
联调发现,必须要支持跨域访问才行,调了好久,终于能正常访问了,特意记录一下。
HttpListenerRequest request = context.Request;
context.Response.Headers.Add("Content-type", "text/html;charset=UTF-8");
context.Response.ContentEncoding = Encoding.UTF8;
context.Response.AppendHeader("Access-Control-Allow-Origin", "*");//后台跨域请求,通常设置为配置文件
context.Response.AppendHeader("Access-Control-Allow-Credentials", "true"); //后台跨域请求
context.Response.AppendHeader("Server", "MyIIS");//后台跨域请求,通常设置为配置文件
context.Response.StatusCode = 200;//设置返回给客服端http状态代码
if (request.HttpMethod == "OPTIONS")
{
//后台跨域请求,必须配置
context.Response.AppendHeader("Access-Control-Allow-Headers", "Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Requested-With");
context.Response.AppendHeader("Access-Control-Max-Age", "86400");
SendMessage(context.Response, "OK");
return;
}else {
//其他正常请求。
.......
}

本文记录了在项目中为Vue前端设置本地API服务时遇到的跨域访问问题及其解决方案。通过在后台响应中添加必要的CORS头部,允许跨域请求,包括设置Access-Control-Allow-Origin为* Access-Control-Allow-Credentials为true等,成功实现了Vue前端的API调用。对于预检请求(OPTIONS),还配置了Access-Control-Allow-Headers和Access-Control-Max-Age。
571

被折叠的 条评论
为什么被折叠?



