Docker和BrowserSync [英] Docker and BrowserSync

问题描述

我正在尝试在docker容器中运行browsersync，但是当我导航到localhost：3000时，我只会得到目录列表。我正在尝试运行WordPress实例，并且正在使用Gulp作为任务运行程序。 localhost：3001成功启动浏览器同步ui，查看localhost（无端口）打开主页。以下是我认为的相关代码段。

I'm trying to run browsersync in my docker container but I only get the directory listing when I navigate to localhost:3000. I'm trying to run a WordPress instance, and I'm using Gulp as the task runner. localhost:3001 brings up the browsersync ui successfully and viewing localhost (no port) brings up the homepage. Here are the relevant code snippets I think.

Gulpfile BrowserSync设置：

Gulpfile BrowserSync settings:

const gBrowsersync = function(done) {
  browsersync.init({
    open: false,
  });
  done();
};

Docker-compose：

Docker-compose:

version: "3.7"

services:

  db:
    image: mysql:5.7
    container_name: db
    restart: always
    environment:
      MYSQL_ROOT_PASSWORD: password
    volumes:
      - db_data:/var/lib/mysql
    networks:
      - back

  wordpress:
    build: .
    image: ws-wordpress
    container_name: wp
    depends_on:
      - db
    restart: always
    ports:
      - "80:80"
      - "3000:3000"
      - "3001:3001"
    environment:
      WORDPRESS_DB_HOST: db:3306
      WORDPRESS_DB_PASSWORD: password
    volumes:
      - ./wp-content/:/var/www/html/wp-content/
      - ./sw.js:/var/www/html/sw.js
      - ./manifest.json:/var/www/html/manifest.json
      - ./package.json:/var/www/html/package.json
      - ./gulpfile.babel.js:/var/www/html/gulpfile.babel.js
      - ./webpack.config.js:/var/www/html/webpack.config.js
    networks:
      - back

networks:
  back:
volumes:
  db_data:

Dockerfile：

Dockerfile:

FROM wordpress
RUN apt-get update -y
RUN apt-get install gnupg -y
RUN curl -sL https://deb.nodesource.com/setup_10.x | bash -
RUN apt-get install nodejs -y
RUN apt-get install nano -y

推荐答案

添加了代理选项，现在可以在localhost：3000上使用了

Added a proxy option and now it works @ localhost:3000

const gBrowsersync = function(done) {
  browsersync.init({
    open: false,
    proxy: "localhost"
  });
  done();
};

虽然不确定为什么我必须添加localhost作为代理。如果有人能提供简短的解释，我将不胜感激。

Not sure why I had to add localhost as a proxy though. If anyone can provide a brief explanation, I would appreciate it.

这篇关于Docker和BrowserSync的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！