nginx解决vue上线去掉#的方法

最近vue项目要上线了，但是习惯于原来的网址方式，vue是自动会追加#的，后来出于强迫症，就想把这个#去掉，一方面看着舒服，另一方面对于一写网站的分享的问题也会避免，例如微信H5分享会把链接#后面的忽略掉，于是我就在nginx上面进行了一下处理。

server {
    listen 80;
    server_name www.xx.com;

     location / {
        root /opt/index/dist;
        index index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
   
}

只需要加         try_files $uri $uri/ /index.html;这样就可以了。

同时vue上线还需出现加载很慢的情况，需要在nginx上面加上

 gzip  on;
    gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

这样是对图片的压缩，对于网站访问的速度起到一定的效果。