前后端分离，跨域导入并运行项目（在idea和HBuilderX）

您所在的位置：网站首页 › idea里在哪里编写html5 › 前后端分离，跨域导入并运行项目（在idea和HBuilderX）

前后端分离，跨域导入并运行项目（在idea和HBuilderX）

2023-07-18 17:37| 来源: 网络整理| 查看: 265

文章目录一、如何实现项目的跨域？具体步骤如下：1）idea中创建webapp项目，将项目的后端代码导入到该项目中（1）步骤一：导入文件和创建filter文件（2）步骤二：在filter文件的doFilter方法中写入如下代码 2）在前端HBuilder中创建一个项目，将前端的代码以及前端配置文件导入到该项目（1）创建项目并导入前端文件（2）修改连接后端的get的请求路径（如果后端将结果用get请求返回结果，则该步骤需要修改） 3）项目运行的方法以及一些问题

一、如何实现项目的跨域？具体步骤如下： 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）项目运行的方法以及一些问题在idea中启动tomcat后，在前端HBuilderX中运行前端页面；如果项目报错先查看后端servlet的返回结果有没有并且是不是正确的，如果是正确的，则问题很有可能出现在前端

【本文地址】

前后端分离，跨域导入并运行项目（在idea和HBuilderX）

前后端分离，跨域导入并运行项目（在idea和HBuilderX）

今日新闻

推荐新闻