Gestión de Servicios html (package.json) + Nginx

Que tengo una buena línea para descargar un html plantilla, pero quiero que se inicia con la idea de plug-in de servicio, entonces hay que dejar que se sigue
la premisa ya está instalado NPM, nodejs etc. (Cómo NPM configure, Node.js propia línea buscar Bo principal no se describirá aquí)

formato de archivo de bloggers (usando una idea de la herramienta)
Aquí Insertar imagen Descripción
encontrar la raíz del archivo se almacena (Seleccionar todo cmd entrada de comando, introduzca la línea de comandos CMD)
[inserte aquí la descripción de imágenes] (https // :! img- blog. csdnimg.cn/2020010800130161.png Aquí Insertar imagen DescripciónAquí Insertar imagen Descripción
la línea de comandos para entrar NPM init,
Aquí Insertar imagen Descripción
entonces habrá una gran cantidad de consejos ha sido directamente pulse enter (en este caso establecer algunas propiedades)
Aquí Insertar imagen Descripciónfinal le permite ingresar ya sea para confirmar (o sea, no lo ignore entrar directamente disponible, el valor por defecto es sí)
Aquí Insertar imagen Descripcióncompletado (será un archivo package.json más)
Aquí Insertar imagen Descripción
, entonces se puede configurar la información directamente en el interior (que es la preparación original por defecto)

{
  "name": "congsuo_shoe_web",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

A continuación, queremos formular número de puerto:

 {
  "name": "congsuo_shoe_web",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "server": "live-server --port=9000",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "congshuo",
  "license": "ISC"
}

Aquí Insertar imagen DescripciónDebido a que subo plug-in idea directamente relacionada con la operación de vue no puede entrar en la línea de comandos
Aquí Insertar imagen Descripciónsi no se puede descargar directamente próxima
carrera para ver resultados:
Aquí Insertar imagen Descripción
127.0.0.1:9000 es el número de puerto (probado con éxito) nos propusimos, pero esto no es bueno ningún nombre de dominio, por lo que ahora tenemos que utilizar nuestra mencionado anteriormente el nginx

Encontrado este camino, el archivo de configuración host local

C:\Windows\System32\drivers\etc

Aquí Insertar imagen Descripción
Puede
ver el efecto:
Aquí Insertar imagen Descripciónpero no cambiar el número de puerto, cómo hacerlo, esta vez necesitamos antes de hablar acerca de la nginx

Equipo para instalar Nginx

Abrir archivo de configuración de nginx núcleo para aumentar un código
include / * conf ;. # vHost mensaje de configuración Agregar
a


#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
	
	

	include vhost/*.conf; # add config message 
	
	
    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

Lo que entonces construir su propia carpeta de host virtual (aquí Si tienes alguna pregunta nginx puede mirar en el artículo antes de bloggers)
F: \ software \ \ conf \ host virtual nginx-1.12.2
construir un cs.conf en esta carpeta (el nombre que desea aleatorio) archivo

upstream cs-com{
	server	127.0.0.1:9000;
}

server {
	listen       80;
	server_name  www.cs.com;
	location / {  
	    proxy_pass   http://cs-com;
		
		proxy_connect_timeout 600;
		proxy_read_timeout 5000;
	}
}

Aquí Insertar imagen DescripciónSeleccione Guardar cmd para abrir
el Insertar imagen que aquí se describe
Aquí Insertar imagen Descripción
Aquí Insertar imagen Descripción
el inicio de entrada nginx.exe

Aquí Insertar imagen Descripción
Representa el éxito intermitente inicio

Nos alejamos de la visita
aquí descrito insertar una imagen
Aquí Insertar imagen Descripciónse completa la configuración

Publicado 69 artículos originales · ganado elogios 6 · vistas 2510

Supongo que te gusta

Origin blog.csdn.net/qq_40539437/article/details/103883815
Recomendado
Clasificación