A razão para o JavaScript de domínio cruzado é que, devido às restrições da política de homologia do navegador, js no nome de domínio atual só pode ler atributos de janela no mesmo domínio, portanto, ocorre domínio cruzado. A política de mesma origem significa que, para garantir a segurança das informações do usuário e evitar que sites maliciosos roubem dados, os navegadores proíbem interações JS entre diferentes domínios.
Como começar rapidamente com o VUE3.0: Entre
no ambiente operacional deste tutorial: sistema Windows 10, JavaScript versão 1.8.5, computador Dell G3.
O problema entre domínios é restrito pela política de mesma origem do navegador. O js do nome de domínio atual só pode ler os atributos da janela no mesmo domínio.
Devido às restrições da política de mesma origem do navegador. A política de mesma origem é uma convenção. É a função de segurança principal e mais básica do navegador. Se a política de mesma origem estiver faltando, as funções normais do navegador poderão ser afetadas. Pode-se dizer que a Web é construída com base na política da mesma origem. O navegador é apenas uma implementação da política de mesma origem. A política de mesma origem impede que scripts JavaScript de um domínio interajam com conteúdo de outro domínio. A chamada mesma origem (ou seja, no mesmo domínio) significa que as duas páginas possuem o mesmo protocolo, host e número de porta.
Simplificando, a política de mesma origem significa que, para garantir a segurança das informações do usuário e evitar que sites maliciosos roubem dados, o navegador proíbe interações JS entre diferentes domínios. Para navegadores, desde que um dos nomes de domínio, protocolos e portas seja diferente, a política de mesma origem será acionada, restringindo assim as seguintes interações entre eles:
1. Cookies, LocalStorage e IndexDB não podem ser lidos
; DOM não pode ser obtido;
3. A solicitação AJAX não pode ser enviada.
A definição mais estrita de domínio cruzado é: desde que o protocolo, o nome de domínio e a porta sejam diferentes, ele é considerado domínio cruzado.
Solução entre domínios
JSONP: Você precisa adicionar dataType: "jsonp" no método de solicitação, //O formato dos dados é definido como jsonp, jsonp: "callback", //Jquery gera o nome do parâmetro de verificação
1, dataType, este parâmetro deve ser definido em jsonp
2. jsonp, o valor deste parâmetro precisa ser acordado com o
webpackdo proxy reverso nginx
do lado do servidorConfigurar proxy reverso: use diretamente o andaime devServer para configurar o proxy reverso para resolver problemas de domínio cruzado no processo de desenvolvimento
Compartilhamento de recursos entre domínios (CORS)
Nodejs entre domínios: Use nodejs localmente para configurar um servidor, chame o servidor back-end por meio desse servidor, retorne os dados e, em seguida, devolva-os ao servidor front-end. -domain
Protocolo WebSocket.
Entenda
por si mesmo: JSONP é src usando a tag de script. Para obter atributos de domínio cruzado, você só pode usar solicitações get. para obter os dados desejados.
Princípio JSONP: O front-end define um bom método e o passa para o back-end por meio do atributo src. O back-end obtém o método e depois o passa. ele é passado para o front-end. O front-end o usa como um método para chamar
JSONP.
Recomendações relacionadas: Tutorial de aprendizado de JavaScript.
Acima estão os detalhes dos motivos do conteúdo JavaScript entre domínios. Preste atenção a outros artigos relacionados no site php chinês para obter mais informações!
