vue的dist打包出来用nginx 部署 划重点

vue dist root方式部署 nginx 版本大于nginx/1.12.2要额外配置 try_files $uri $uri/ /index.html;

[root@VM_134_103_redhat sbin]# nginx -v

nginx version: nginx/1.12.2

要额外配置

 location / {
    root /data/wwwroot/wordpress;
    index index.html;
    error_page 404 /index.html; (低版本只需要配置这个)
    try_files $uri $uri/ /index.html; ## ##nginx/1.13.8 高版本额外配置否则每个路由f5刷新都404 高版本额外配置否则每个路由f5刷新都404
   }



nginx/1.13.8 高版本额外


server {
  listen 80;
  server_name xxx.com;
  location / {
    root /wwwroot/dev;
    index index.html;
    error_page 404 /index.html; (低版本只需要配置这个)
    try_files $uri $uri/ /index.html; ; ## ##nginx/1.13.8 高版本额外配置否则每个路由f5刷新都404 高版本额外配置否则每个路由f5刷新都404

  }
}


低版本nginx nginx/1.12.2


http{
    //添加静态压缩等配置
     server {
        listen       80;
		server_name xxx.com;

        location / {

			#静态资源指向
			#root   html;
			root   /root/docker/rms-web/dist;
			index  index.html index.htm;
			error_page 404 /index.html;

        }
		
    }   
    
}