vue刷新报404问题解决

nginx配置：

server
{
     
    listen       80;                        # 监听端口
    server_name admin.shop.foolishcat.cn;    # 站点域名
    root  /usr/local/nginx/www/admin_shop_foolishcat_cn;              # 站点根目录
    index index.html;


    location / {
     
        try_files $uri $uri/ @router;
        index index.html;
   }
	location @router {
     
		rewrite ^.*$ /index.html last;
	}	


	location ~* \.(eot|ttf|woff)$ {
     
              #  add_header Access-Control-Allow-Origin *;
        }

        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
     
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
     
            expires      12h;
        }
	
      
	access_log  /home/wwwlogs/yshop.log;
	
}

vue设置：

vue-router 设置 history 模式

server
{
     
    listen       80;                        # 监听端口
    server_name localhost;    # 站点域名
    root  /usr/local/nginx/www/localhost;              # 站点根目录
    index index.html;


    location / {
     
        try_files $uri $uri/ @router;
        index index.html;
   }
	location @router {
     
		rewrite ^.*$ /index.html last;
	}	


	location ~* \.(eot|ttf|woff)$ {
     
              #  add_header Access-Control-Allow-Origin *;
        }

        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
     
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
     
            expires      12h;
        }
	
      
	access_log  /home/wwwlogs/yshop.log;
	
}

然后重启nginx就ok了！

ngin命令：

cd到nginx目录的sbin,然后就可以执行以下命令了

./nginx                      #启动
./nginx -s reload            # 重新载入配置文件
./nginx -s reopen            # 重启 Nginx
./nginx -s stop              # 停止 Nginx