Para permitir que sua extensão do Chrome faça requisições cross-origin (CORS), você precisará configurar os cabeçalhos de CORS no servidor que está recebendo as requisições da extensão.
Se você tiver controle sobre o servidor e estiver usando PHP, pode adicionar os cabeçalhos de CORS no seu arquivo PHP (salvar_dados.php, como exemplo) usando a função header() do PHP antes de enviar a resposta.
Exemplo do arquivo salvar_dados.php com cabeçalhos de CORS:
<?php
// Permitir que a requisição seja feita por qualquer origem (não recomendado em produção)
header('Access-Control-Allow-Origin: *');
// Permitir que a requisição inclua credenciais (por exemplo, cookies, autenticação, etc.)
header('Access-Control-Allow-Credentials: true');
// Especificar os métodos HTTP permitidos na requisição
header('Access-Control-Allow-Methods: POST');
// Permitir que a extensão inclua cabeçalhos personalizados na requisição
header('Access-Control-Allow-Headers: Content-Type');
if ($_SERVER["REQUEST_METHOD"] === "POST") {
// Restante do código para salvar os dados no banco de dados MySQL
// ...
}
?>Neste exemplo, estamos permitindo que a requisição seja feita por qualquer origem (*), o que não é recomendado em produção. Você deve substituir * pelo domínio real da sua extensão para melhorar a segurança. Também estamos permitindo que a requisição inclua credenciais (Access-Control-Allow-Credentials: true), o que pode ser útil se a extensão estiver usando cookies ou autenticação. Além disso, estamos especificando que a requisição só permite o método POST (Access-Control-Allow-Methods: POST), que é o método usado para enviar os dados do formulário.
Observe que a configuração dos cabeçalhos de CORS pode variar de acordo com o servidor e a tecnologia que você está usando. Certifique-se de ajustar as configurações de acordo com as necessidades específicas do seu servidor.
Essa configuração de CORS no servidor permitirá que sua extensão do Chrome envie requisições cross-origin para o servidor e receba respostas adequadas.