关于利用oss托管vue的前后端分离项目

最新推荐文章于 2025-03-24 17:25:50 发布

「已注销」

最新推荐文章于 2025-03-24 17:25:50 发布

阅读量5.8k

点赞数 2

分类专栏：前端文章标签：前后端分离 oss 部署压缩 cdn

本文链接：https://blog.youkuaiyun.com/weixin_35085773/article/details/89738927

版权

本文介绍了如何利用OSS托管Vue的前后端分离项目，以解决小带宽服务器加载缓慢的问题。通过CDN加速、gzip压缩和OSS托管，优化了项目性能。详细步骤包括修改Vue项目的baseURL，配置OSS的静态页面和重定向规则，确保history模式下路由的正确工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于利用oss托管vue的前后端分离项目

前情提要

对于学生机或者小带宽的服务器来说，第一次加载巨大的js文件简直就是噩耗，特别是宝贵的面试官的时间，这样的网站都不忍心写到简历上去。更何况是用户的时间，所以就考虑有没有可以在不买大带宽服务器的情况下该怎么优化呢？经过简单的调研可以有以下的方式：

1、在打包的同时，把依赖的第三方库js与css利用开源免费的cdn加载方式，例如

这个就是直接写，也可以在webpack时利用插件区分出来…

2、在部署的时候开启nginx的gzip自己调节参数，找到一个合适自己的网站的参数组合.

server {
    listen 80;
    # gzip config
    gzip on;
    gzip_min_length 1k;
    gzip_comp_level 9;
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";
    #..
    }