Jump to content

Recommended Posts

Olá ...

 

Hospedamos uma aplicação feita em NODEJS  e REACT e ela esta em HTTPS  ,  porem essa aplicação consome uma API REST que esta em HTTP

 

Com isso o navegador indica Mixed Content,  porem não temos como alterar essa API para HTTPS ....

 

Existe alguma solução para esse caso  ?   Trabalhar com conteúdo misto ....

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By VictorPHP
      Bom dia Galera!

      Fiz uma tela de cadastro na aplicação usando popup. Para cadastro tudo certo, pois não preciso recolher informações.
      Para fazer a tela de update, precisava que quando clicasse no link "Editar" ele buscasse a linha que eu cliquei para editar, porem em todas as tentativas de resolver isso ele pegou somente a primeira linha, fora que colocando o html do popup nessa ordem, ele foi parar la no canto direito.

      Segue o codigo de uma das tentativas :

      // Aqui é onde faço o select com todos ativos da carteira em tabela, e a DIV popup é exibida quando clico no link Editar. Não sei se é o lugar correto mas foi o mais proximo que consegui de fazer funcionar. Porem como ja explicado sempre pega o primeiro valor em vez da linha que cliquei
      {ativo.map(row => (
      <tr>
      <input className="key" value={row._id} />
      <td>{row.ativo}</td>
      <td>{row.quantidade}</td>
      <td>{row.data_entrada}</td>
      <td>{row.valor_entrada}</td>
      <td>{row.data_saida}</td>
      <td>{row.valor_saida}</td>
      <td>R${row.valor_saida - row.valor_entrada}</td>
      <td><a onClick={edit}>Editar</a></td>

      <div className="popupedit">
      <div className="popupedit-content">
      <img src={close} alt="close" onClick={fechar} className="close" width="20px" height="20px"/>
      <center><input type="text" placeholder="Ativo"></input>
      <input type="text" placeholder="Lotes"></input>
      <div className="datacompra">
      <input type="date" placeholder="Data da Compra" className="data"></input>
      <input type="checkbox" className="check"></input><label className="check">Hoje</label>
      </div>
      <input type="text" placeholder="Valor da Compra"></input>
      <div className="datacompra">
      <input type="date" placeholder="Data da Compra" className="data"></input>
      <input type="checkbox" className="check"></input><label className="check">Hoje</label>
      </div>
      <input type="text" placeholder="Valor da Venda"></input> </center>
      <button className="button">Adicionar</button>
      </div>
      </div>
      </tr>


      // função que chama exibi o popup
      function edit(){
      document.querySelector(".popupedit").style.display = "flex";
      }
    • By AlexandrePrezzi
      Pessoal estou tentando configurar o Debugger pro Chrome no VSCode ...para um projeto em 'React' e acredito estar fazendo algo errado..
       
      1 ) Instalei a extensão do  Debugger do Chrome ..  
      2 )  Editei o launch.json da seguinte forma
       
      { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" }, ] } Porem quando vou rodar  F5  nada acontece ... o Chrome nao abre ....
       
      Alguem teria alguma solução para isso ?
    • By AlexandrePrezzi
      Boa tarde ...
       
       
      Sou iniciante trabalhando com React e estou com uma missão de fazer um sistema  com autenticação de usuário . 
      Para esse teste criamos uma API  com apenas o campo de usuário ( nao tem senha por enquanto) ....  

      Minha ideia é fazer um formulario em que se a pessoa digitar um usuario válido  esta ok para entrar no sistema
       
      Consegui fazer a tela e o acesso a API....  porem quando vou  entrar no sistema me retorna:
       
      Seguindo um manual estou com o código da seguinte forma:
       
      const requestInfo = { method: 'POST', body: JSON.stringify(data), headers: new Headers({ 'Content-Type': 'application/json', }), }; fetch('http://10.0.0.49:9000/login', requestInfo) .then(response => { console.log(response); if(response.ok) { return response.json() } throw new Error("Login inválido..."); }) .then(token => { localStorage.setItem('token', token); this.props.history.push("/admin"); return; }) .catch(e => { this.setState({ message: e.message }); }); }  
      Queria ver se alguém ja passou por algo parecido... ou se tem alguma sugestão para solução desse problema.
       
      Aparece o seguinte erro: Unexpected token V in JSON at position 0
       
      Aguardo retornos
       
      Obrigado
       
       
       
       
       
      Qu
    • By Hermes Vitor
      Estou fazendo minha primeira grande aplicação em react, e estou com um problema onde TODOS meus componentes estão sendo renderizados desnecessariamente, causando trava na UI por 1 ou 2 segundos.
      Tenho 2 grandes problemas no momento:
       
       1. Estou renderizando uma lista com varios componentes, essa lista possui um checkbox individual e um checkbox geral para selecionar a lista inteira. Ao selecionar a lista inteira, vejo que a ui trava por um tempo (nesse tempo ela esta renderiznado todos os componentes novamente)
       2. Ao buscar mais itens para a lista, a UI tambe trava por um tempo, acredito que ele esteja renderizando novamente os componentes da lista que ja estavam renderizados, mais os novos itens que foram buscados.
       
      Eu estou usando a context API para fazer algumas chamadas HTTP e buscar todas as informações que preciso, e salvando elas em um estado. Depois estou iterando esse estado para renderiar as informações. Quando busco mais itens para a lista, estou dando um push nesse array de estado ja existente.
      Dentro do meu componente de lista, estou usando useMemo para tentar bloquear essas renderizações desnecessárias, porém não parece estar funcionando.
       
      ```javascript
          const memoizedCardBaseInfo = useMemo(() => {
              return (
                  <CatalogCardBaseInfo
                      response={response}
                      tags={tags}
                      checkCard={checkCard}
                      checkedAll={checkedAll}
                      singleChecked={singleChecked}
                      setSingleChecked={setSingleChecked}
                      setCheckedAll={setCheckedAll}
                      indexRef={indexRef}
                  />
              );
          }, [singleChecked, checkedAll]);
          const memoizedCatalogChartGroup = useMemo(() => <CatalogCardChartGroup response={response} />, [response]);
          const memoizedCatalogCardMktpExpd = useMemo(() => <CatalogCardMktpExpd response={response} />, [response]);
      ```
      O que estou fazendo de errado aqui ? Como faço para bloquear renderizações desnecessárias ?
    • By mbs.dev
      Bom estou fazendo um collapse porem ele esta show/hide todos os elementos,
      quando eu clico em sensores chief ele abre todos os sensores chief era para ser apenas aquelas sensores chief q pertence aquele gateway.
      como eu poderia fazer para mostra/esconder apenas naqueles certo.
      tela:

       
      assim esta montado minha função:

       
      butão:

       
      é coloquei aki:

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.