Yii2 负载均衡找不到JS,CSS

Posted stringfade

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Yii2 负载均衡找不到JS,CSS相关的知识,希望对你有一定的参考价值。

  1. 在部署项目的时候,用了2台服务器.请求的时候用了负载均衡,导致 YII2 的静态文件(js,css...)报 404 ,原因是: 请求一个页面时 A服务器 去处理,但是静态资源缺请求到了 B服务器 ,B服务器的 YII2资源管理器 还没有在 web\assets 生成目录和静态文件.
  2. 仔细看了下 YII2 的静态资源管理代码:yii\web\AssetManager(定义资源文件包),`yii\web\AssetBundle(资源包之间的文件依赖,加载和创建).有以下几个解决思路:
  • 更改 生成缓存目录的命名方式,保持一致的文件夹,缺点就是访问其中一台服务器时,还没有生成 静态文件目录.需自己访问,直到 2台服务器 有相同的目录即可.

    //配置 main.php components数组下assetManager
    'assetManager'=>[
    //缓存相同的文件到相同的一个文件夹
    'hashCallback'=>function($path){
        return hash('md4', $path);
    },
    //添加文件时间戳
    'appendTimestamp' => true,
    ],
  • 同步缓存目录,这个相对来说是很简单.就是保持2个服务器的有相同的一份静态资源,手动同步就是 FTP 上传,自动同步就是2个服务器之间相互请求保持一致即可.有工具可以使用:Linux rsync目录同步

  • 使用 CDN ,在配置CDN时要把 ‘sourcePath‘赋值为 NULL,而不是空字符串.每一个资源包的CDN地址可以去CDN平台找,也可以自己上传到云空间去访问.个人推荐这种方式.

    'assetManager'=>[
    'bundles'=>[
        //jquery.js
        'yii\web\JqueryAsset' => [
            'sourcePath' => null,
            'baseUrl' => 'https://cdn.bootcss.com/jquery/2.2.4/',
        ],
        //Yii.js
        'yii\web\YiiAsset' => [
            'sourcePath' => null,
            'baseUrl' => 'http://p8mo8fh1z.bkt.clouddn.com/',
        ],
        //bootstrap.css
        'yii\bootstrap\BootstrapAsset' => [
            'sourcePath' => null,
            'baseUrl' => 'https://cdn.bootcss.com/bootstrap/3.3.7/',
        ],
        //bootstrap.js
        'yii\bootstrap\BootstrapPluginAsset' => [
            'sourcePath' => null,
            'baseUrl' => 'https://cdn.bootcss.com/bootstrap/3.3.7/',
        ],
    ]
    ],

    easydo.work

以上是关于Yii2 负载均衡找不到JS,CSS的主要内容,如果未能解决你的问题,请参考以下文章

如何在弹性 beantalk 负载均衡器中设置自定义标头相关规则

Yii2引入css和js文件

关于Nginx负载均衡目录同步问题

nginx负载均衡后端tomcat无法加载js资源

Yii2 错误 - 找不到类 'yii\mongodb\ActiveRecord'

OpenResty 动态负载均衡