Vue 跨域操作 后端为php或java springboot时的处理办法

前端程序与后端程序服务器地址不一致时需要进行跨域处理。前端服务器程序为tomcat,修改tomcat的web.xml,可以是tomcat的conf目录下的,也可以是前端程序WEB-INF目录下的。添加代码如下:

    <filter>    
        <filter-name>CorsFilter</filter-name>    
        <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>    
        <init-param>    
            <param-name>cors.allowed.origins</param-name>   
            <param-value>*</param-value>   
        </init-param>    
        
    </filter>    
    <filter-mapping>    
        <filter-name>CorsFilter</filter-name>    
        <url-pattern>/*</url-pattern>    
   </filter-mapping> 

php服务端添加代码:

<?php
	header('Content-Type: application/json;charset=utf-8');
    header('Access-Control-Allow-Origin:*'); // *代表允许任何网址请求
    header('Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE'); // 允许请求的类型
    header('Access-Control-Allow-Credentials: true'); // 设置是否允许发送 cookies
    header('Access-Control-Allow-Headers: Content-Type,Content-Length,Accept-Encoding,X-Requested-with, Origin');//允许前端header可以指定的参数
...

java springboot controller:

@RestController
@CrossOrigin("*") //要指定允许跨域访问的地址,部署时不要用*。
public class TestController{...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值