由于浏览器的同步策略限制，会出现跨域问题。同源策略是约定，是浏览器最核心、最基本的安全功能。同源策略阻止了一个域的javascript脚本与另一个域的内容之间的交互。同源是指在同一个域中，两个页面具有同一个协议(例如，http和https是不同的协议)、主机(域名或IP地址)和端口号

以前，jsoap解决了域之间的问题，但是建议使用以下两种比较主流的方法

以

前端代码打包到后端服务的项目中

前端为Vue.js为例，后端为SpringBoot为例

首先打包前端项目

cd项目根目录npm install安装Vue.js的npm run build依赖软件包前端项目编译完成后，项目根目录中会添加dist的文件夹，文件夹内是完整的前端项目。

后端包装

然后，在后端项目的src目录下创建webapp文件夹，并将前端项目的dist文件夹中的所有内容复制到webapp中。 (温暖的提示可以放在资源目录中，但为了便于区分，请添加目录。 () ) ) ) ) ) )。

在pom.xml中添加类似以下资源的配置，以便在生成jar包时部署webapp中的内容

大楼

插件

groupid org.spring框架. boot/groupid

artifactidspring-boot-maven -插件/工件id

/plugin

/plugins

！在制作jar软件包时引入webapp--

资源

！指定资源插件将处理的目录资源文件---

！ - -请注意，这次必须放在这个目录中才能访问-

目标路径元信息/资源/目标路径

包括

包括* * */* * /包括

/包括

/资源

/build

Nginx转发

有些项目需要完全分离部署。在这种情况下，可以使用Nginx神器作为代理转发前端请求

将前端项目dist (可以自由重命名的丙)放置在Nginx或tomcat上，向Nginx的配置文件nginx.conf添加配置后传输即可

位置/后台/{

proxy_pass背景接口地址；

TCP _节点接通；

代理_集_头主机$主机；

代理_集_前缀-真实- IP $远程_添加器；

代理_集_前缀-转发-代理_添加_ x _转发_转发；

}

location /houtai/，该配置后台作为前端请求后台接口的根路径即可，如果Nginx与该根路径一致，则传输到proxy_pass；