项目支持跨域访问 -java

前后端分离项目

SpringBoot - vue 3.0

跨域设置

java 后台配置跨域

Axios.get("/api/XX")

我们项目跑在开发环境下的 http://localhost:8080 上，那么上述请求的 Request Url 的就是 http://localhost:8080/api/XX;这应该就是我们的代理服务器中该资源的地址，与客户端同源；而数据的实际来源则是 http://localhost:8080/api/XX，这样即实现代理跨域；

Nginx 代理——生产环境

nginx 版本：1.16.1

修改 nginx.conf 文件下的 serve 下配置：

**

        listen       80;  //端口号
        server_name  localhost; 
        // 打包之后项目放到的路径；
        location / {
            root   dist;  // dist是指和nginx.exe同级的dist目录 ，一般默认是html文件夹
            index  index.html index.htm;  // dist文件夹下的html文件
        }
        // 此处是服务器代理部分，为解决http请求跨域问题
        // 若服务器已设置允许跨域，则这块就不需要了
        location  ^~api{
            proxy_pass http://127.0.0.1:8080/api； 
                // 被代理服务器地址
        }