都知道是chunk-vendors.js文件过大,网上有很多压缩的方式,我就不说了,我说的是在足够压缩的情况下,继续加速访问的解决办法。
当然就是使用cdn啦
反正我vue里用的是history模式,肯定是要用到nginx来解决的。那么顺便就用nginx来代理js,css等静态资源,将这些访问分发到cdn上。
具体配置来了
server {
listen 80;
server_name h5.xxx.com;
location / {
proxy_pass http://portal.xxx.com/;
try_files $uri $uri/ /app.html;
}
location ~ .*\.(jpg|jpeg|gif|png|ico|gz|svg|svgz|mp4|ogg|ogv|webm|pdf|mp3|zip|apk|dat)$
{
rewrite ^/(.*)$ http://portal.xxx.com/$1 last;
}
location ~ .*\.(css)$
{
rewrite ^/(.*)$ http://portal.xxx.com/$1 last;
}
location ~ .*\.(js)$
{
rewrite ^/(.*)$ http://portal.xxx.com/$1 last;
}
}
其中try_files 是解决跳转404问题的。其余都是转发cdn配置