Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Executando Vue.js com Docker

Eai galera. Seguinte, estou tentando rodar Vue.js dentro de um container. Já fiz projeto na minha máquina, que funciona quando executo local, mas para trabalhar com outro colega optei por usar Docker

Eu executo

docker run -it -v $(pwd):/src -w /src -p 8080:8080 node:6 bash -c "npm i && npm run dev"

dentro da pasta do meu projeto. Ele builda, exibe mensagem Your application is running here: http://localhost:8080, mas quando acesso no browser ele não encontra

Não é possível acessar esse site
A conexão foi redefinida.
3 respostas

Olá,

Pra ser sincero, nunca trabalhei com o vue.js antes, mas estive pesquisando alguns usuários que tiveram o mesmo problema e um deles relatou que conseguiu resolver o problema indo no arquivo dev-server.js e trocando a linha:

app.listen(8080, 'localhost', function () { ... })

Por:

app.listen(8080, function () { ... }).

Estou encaminhando abaixo o tópico da discussão no github que acredito que possa ajudar https://github.com/vuejs/vue-cli/issues/36

Esse é o git do meu projeto.

https://github.com/GustavoFSoares/agenda-vue-node

Eu usei webpack quando fui iniciar o projeto. É ele quem gerencia minha inicialização.

O arquivo é esse:

./client/config/index.js

'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},

    // Various Dev Server settings
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

    // Use Eslint Loader?
    // If true, your code will be linted during bundling and
    // linting errors and warnings will be shown in the console.
    useEslint: false,
    // If true, eslint errors and warnings will also be shown in the error overlay
    // in the browser.
    showEslintErrorsInOverlay: false,

    /**
     * Source Maps
     */

    // https://webpack.js.org/configuration/devtool/#development
    devtool: 'cheap-module-eval-source-map',

    // If you have problems debugging vue-files in devtools,
    // set this to false - it *may* help
    // https://vue-loader.vuejs.org/en/options.html#cachebusting
    cacheBusting: true,

    cssSourceMap: true
  },

  build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',

    /**
     * Source Maps
     */

    productionSourceMap: true,
    // https://webpack.js.org/configuration/devtool/#production
    devtool: '#source-map',

    // Gzip off by default as many popular static hosts such as
    // Surge or Netlify already gzip all static assets for you.
    // Before setting to `true`, make sure to:
    // npm install --save-dev compression-webpack-plugin
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],

    // Run the build command with an extra argument to
    // View the bundle analyzer report after build finishes:
    // `npm run build --report`
    // Set to `true` or `false` to always turn it on or off
    bundleAnalyzerReport: process.env.npm_config_report
  }
}

Eu comentei a linha do Host, mas não resolveu o problema. Na verdade pela saída no terminal I Your application is running here: http://undefined:8080, acho que nem deveria

solução!

RESOLVI-mos! era mais ou menos o que tu disse quando o docker inicia ele tava enviando localhost (127.0.0.1) entretanto, quando ele "escuta a porta" ele passa o ip_docker:porta : ip_pc:porta entao eu passava pro vue 127.0.0.1 e o servidor enviava outro, dai ele nao ia achar mesmo. entao agora eu vou criar uma variavel global no docker-file que tem o ip daquela maquina e jogar lá nas config do vue