2018.07.02 16:07

vue打包部署 nginx 版本大于nginx/1.12.2额外配置


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;

        }
		
    }   
    
}


DIY表情

(添加http或https协议)

提交评论