nginx 配置 解决 vue history模式下空白 ，以及SSL证书安装

#access_log  logs/access.log  main;

sendfile        on;
#tcp_nopush     on;

#keepalive_timeout  0;
keepalive_timeout  65;

#gzip  on;




# 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;
#    }
#}



# HTTPS server   //自定义HTTPS配置
    server { 
        listen 443 ssl; 
        server_name www.55776.club;   #你的域名
        root html; #你的网站根目录
        index index.php index.html index.htm; #网站默认访问文件
        
        ssl_certificate   ../cert/55.crt; 
        ssl_certificate_key  ../cert/55.key;
        ssl_session_timeout 5m;
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;
        
		location /{
				root   html;
				try_files $uri $uri/ /baiyi/$query_string;
		}

        location ~ \.php(.\*)$  { #HP必须的配置，否则浏览器访问会直接下载php源码文件
           fastcgi_pass   127.0.0.1:9000;
           fastcgi_index  index.php;
           fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;
           fastcgi_param  SCRIPT\_FILENAME  $document_root$fastcgi_script_name;
           fastcgi_param  PATH\_INFO  $fastcgi_path_info;
           fastcgi_param  PATH\_TRANSLATED  $document_root$fastcgi_path_info;
           include        fastcgi_params;
		}
}
    
	

server {
    listen 80 ssl;
    server_name www.55776.club;

    #charset koi8-r;
    #access_log  logs/host.access.log  main;
	
	root html/baiyi; #你的网站根目录
	index index.php index.html index.htm; #网站默认访问文件
	
    location / {
        root   html;
        #index  index.html index.htm;
		try_files $uri $uri/ /baiyi/$query_string;
    }
    #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;

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】