[开发工具]前后端分离，跨域导入并运行项目（在idea和HBuilderX）

一、如何实现项目的跨域？具体步骤如下：

1）idea中创建webapp项目，将项目的后端代码导入到该项目中

（1）步骤一：导入文件和创建filter文件

如果数据库中需要使用到图片的路径，则需要将存储图片的文件夹导入到后端

（2）步骤二：在filter文件的doFilter方法中写入如下代码

		-- 这像一道墙，也叫过滤器，用于连接前端和后端
		HttpServletResponse res = (HttpServletResponse)response ;
        res.addHeader("Access-Control-Allow-Origin", "*") ;
        res.addHeader("Access-Control-Allow-Methods", "*") ;
        // 设置servlet结果集返回乱码的问题
        res.setContentType("text/html;charset=utf-8") ; 
        // 设置数据库乱码的问题
        request.setCharacterEncoding("utf-8") ;
        chain.doFilter(request, response) ;

2）在前端HBuilder中创建一个项目，将前端的代码以及前端配置文件导入到该项目

（1）创建项目并导入前端文件

（2）修改连接后端的get的请求路径（如果后端将结果用get请求返回结果，则该步骤需要修改）

因为后端的每个servlet都会返回一个get方法，而前端每个页面都可能对应一个功能，则在修改的时候尽可能的都将所有的前端页面都查看一遍

3）项目运行的方法以及一些问题

1. 在idea中启动tomcat后，在前端HBuilderX中运行前端页面 ；
2. 如果项目报错先查看后端servlet的返回结果有没有并且是不是正确的，如果是正确的，则问题很有可能出现在前端