解决前端访问php后端接口的跨域问题，这里是针对后端的接口

1.问题情景

login() {  

        // 发送POST请求到登录接口  

        axios.post('http://192.168.226.131/login.php', {  

          username: this.loginForm.username,  

          password: this.loginForm.password  

        })  

        .then(response => {  

          // 请求成功，处理响应数据  

          console.log('登录成功:', response.data);  

          //添加跳转到首页或其他逻辑

          router.push('/');  

          // 这里可以添加跳转到首页或其他逻辑  

        })  

        .catch(error => {  

          // 请求失败，处理错误  

          console.error('登录失败:', error);  

          // 显示错误信息给用户  

          alert('登录失败，请重试！');  

        });  

      } 这是一个简单地使用前端vue框架写的一个methods方法，使用axios发送请求，将数据进行判断，

2.相关的api接口

这里并没有进行相关数据库的处理，只是进行了一些简单的判断

3.这里会出现这样的错误

这里有两种解决问题的办法，分别是在前端或者是后端添加一些相关的代码

4.这里直接上链接

header('Access-Control-Allow-Origin: http://localhost:5173');//这里是你所开放的端口号

header("Access-Control-Allow-Methods: GET, POST, OPTIONS");    

header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");  

header('Content-Type: application/json');  //设置json格式的字符串