☰

Docker 与 wordpress/mysql/nginx，wordpress 中没有样式

tag-icon • tag-icon nginx docker php-fpm docker-compose
Docker 与 wordpress/mysql/nginx，wordpress 中没有样式

因此，我尝试使用 来配置一些容器docker-compose。我的目标是使用 nginx 来运行 wordpress-fpm。到目前为止，这是我的docker-compose.yml：

version: '3'

services:
    nginx:
        image: nginx
        links:
            - wordpress
        ports:
            - 80:80
            - 443:443
        volumes:
            - ./nginx_config_content:/etc/nginx/conf.d
            - ./wordpress:/var/www/html
        restart: always

    wordpress:
        image: wordpress:4.9.2-php7.0-fpm
        links:
            - wp_db:mysql
        volumes:
            - ./wordpress:/var/www/html
        environment:
            WORDPRESS_DB_PASSWORD: "aqwe123"
        restart: always

    wp_db:
        image: mariadb
        volumes:
            - ./db-data:/var/lib/mysql
        environment:
            MYSQL_ROOT_PASSWORD: "aqwe123"
        restart: always

我的 nginx wordpress.conf：

server {
       listen 80;
       server_name test.io;

       root /var/www/html;
       index index.php;

       location / {
           try_files $uri $uri/ /index.php?$args;
       }

       location ~ \.php$ {
           try_files $uri =404;
       fastcgi_split_path_info ^(.+\.php)(/.+)$;
       fastcgi_pass wordpress:9000;
       fastcgi_index index.php;
       include fastcgi_params;
       fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
       fastcgi_param PATH_INFO $fastcgi_path_info;
       }
}

一切都完美地连接在一起，但是当我从另一台计算机打开网站时，http://192.168.1.161出现了以下情况：

WordPress的

Wordpress 但没有样式。我检查了页面源代码，我可以看到 css 指向有效路径，如，<link rel='stylesheet' id='install-css' href='http://192.168.1.161/wp-admin/css/install.min.css?ver=4.9.2' type='text/css' media='all' />并且按照链接操作，css 文件确实存在。我已经尝试解决这个问题几个小时了，我怀疑 nginx 配置文件缺少某些东西，但我找不到是什么。任何帮助都将不胜感激。

答案1

将其添加到您的服务器块之外：

http { 
    include /etc/nginx/mime.types;
}

它应该成功加载呈现视图所需的文件。

相关内容