cors 前后端分离跨域问题_前后端分离之解决跨域问题

1. 建立前端项目

在HbuilderX里面新建一个名为front的项目

index.html里面的内容为：

前端页面

使用Ajax从后端获取到的信息为：

$.ajax({

url: "http://localhost:8080/back/MessageServlet",

method: "GET",

success: function(data) {

$("#msg").text(data);

}

})

可以看到，前端服务器的主机名和端口号为：127.0.0.1:8848

HbuilderX的内置服务器是一个通用的Node的webserver

2. 建立后端项目

在Eclipse里面新建一个名为back的项目

MessageServlet.java里面的内容为:

package servlet;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.Http