最近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;

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

 

 

 

Logo

前往低代码交流专区

更多推荐