projecto vue nginx proxy de implantação e reagem

projecto vue nginx proxy de implantação e reagem

I. Introdução e demanda

 1.1 Introdução

Nginx  (o X-Engine) é um servidor HTTP de alto desempenho e reverter serviços de proxy, é também um serviço de IMAP / POP3 / SMTP. Nginx por Igor Saisuoyefu da Rússia visitou o local segunda Rambler.ru (russo: Рамблер) desenvolveu a primeira versão pública 0.1.0 foi lançado em 2004 04 de outubro.
Nginx é um servidor Web / servidor proxy reverso e e-mail (IMAP / POP3) servidor proxy leve e solto sob um BSD-like acordo. Possui ocupam menos memória, alta concorrência, a capacidade de fazer fato nginx concorrente o mesmo tipo de desempenho do servidor web é melhor, continente usuários do site China uso nginx são: Baidu, Jingdong, Sina, Netease, Tencent, Taobao.

 1.2 demanda

 projeto web Implantação do agente pacote

Em segundo lugar, o nginx configuração de instalação

A gravação principal instalar nginx sob Windows 10

O primeiro passo : a nginx site oficial sobre o download do pacote de instalação apropriada

Etapa dois : Baixar descompactar o arquivo depois de extrair a descentralização de seu catálogo favorito, eu descompactar arquivos no d sob o diretório raiz, como mostrado abaixo:

O terceiro passo : janela cmd para a janela, tal como mostrado abaixo na entrada de comando, para o directório nginx (D: \ nginx-1.15.8) , usando o " Iniciar nginx.exe  " nginx ser iniciado, como se mostra abaixo:

Depois de um início bem sucedido no "Task Manager" você vai ver "nginx.exe" processo

Passo quatro : na barra de endereços do navegador digite: 127.0.0.1, nginx verá a tela de boas-vindas; Se o processo de descoberta não faz, então, que falhou ao iniciar, você pode ir para o seu D: \ nginx-1.15.8 diretório de entrada ngnix Ver ,

Se se verificar que dizia:
Ele disse que a porta 80 está ocupada.

Solução: Modificar o nginx.conf arquivo de configuração nginx, a porta padrão 80 para o outro

1 servidor { 
2 ouvir 80; # 80-> 8000 
3 server_name localhost; 
4 
5 #charset KOI8-r;
Neste momento, ser executado novamente 

 O comando apropriado: Iniciar nginx.exe  comandos.

parada nginx.exe -s // nginx parada

nginx.exe -s recarga // recarga nginx

nginx.exe -s sair // Exit nginx

Nota: o comando acima, exe pode ser removido

efeito:

 

, os projectos de implantação do agente terceiros

1, Reagir pacote de projeto

2, pacote projeto Vue

Configuração ngnix perfil nginx.conf, em seguida, reiniciar a corrida

Copie o código
. #Gzip NO 1; 
 2 
 . 3 {servidor 
 . 4 a ouvir 8000; 
 5 server_name localhost;. 
 6. 
 7 #charset KOI8-R. & Lt; 
 8. 
 9 logs de #access_log / host.access.log principal;. 
10 
11 F. A raiz:. \ Project \ Web \ dist; os packetized dist # reagir / produto vue 
12 é index.htm índice index.html #; 
13 é   
14 # lOCALIZAÇÃO {/ 
15 # $ $ try_files URI URI / index.html; 
16} # 
. 17 
18 é o proxy fundo interface de # 
19 a localização / api / { 
endereço de 20 proxy_pass http://127.0.0.1:9080;# pedido de transferência de 
21 proxy_connect_timeout 6000; definição # ligação tempo limite 
22 proxy_read_timeout 6000; configurações # interface de acesso de tempo limite 
23}
24 #error_page 404 /404.html; 
25 
26 # páginas de erro do servidor de redirecionamento para a página estática /50x.html 
27 # 
28 error_page 500 502 503 504 /50x.html; 
29 localização = /50x.html { 
html 30 raiz; 
31} 
32}
Copie o código

 parâmetro Descrição

Copie o código
1 proxy_pass http://127.0.0.1:9080;# encaminhamento de solicitação de endereço; fornecido por um porto ou um soquete do servidor proxy e o URL 
2 proxy_connect_timeout 90; // tempo limite backend servidor de resposta de conexão tempo limite de espera _ iniciar um aperto de mão tempo 
3 proxy_read_timeout 180; // após o tempo de resposta bem sucedida espera conexão _ _ servidor back-end já está inserido na extremidade traseira da fila de espera para serem processados (pode-se dizer que o tempo do servidor back-end processa o pedido) 
4 180 [proxy_send_timeout;. // backend servidor _ dados de retorno está dentro de um período de tempo predeterminado do servidor back-end deve completar a transmissão de todos os dados 
5 256k proxy_buffer_size; // definir o tamanho do buffer a partir da primeira porção a ser servidor proxy resposta de leitura, que normalmente contém uma resposta parcial um cabeçalho de resposta pequeno, o valor por defeito de um caso em que o tamanho do tamanho especificado nas proxy_buffers instrução um tamp, mas pode ser definido para ser mais pequeno 
6 proxy_buffers 4 256k; // fornecida para a resposta de leitura (da proxy servidor) número e tamanho do buffer, mas também para o tamanho de página padrão, de acordo com os diferentes sistemas operacionais É 4k ou 8k
Copie o código
Índice index.html index.htm index.php; # Início Sort

Acho que você gosta

Origin www.cnblogs.com/ningwuyu/p/12455621.html
Recomendado
Clasificación