如何在codeanywhere上访问VueJS

Question

有。 我从VueJS开始，在任何地方创建一个项目：

npm install -g vue-cli
vue init webpack myProject

因此，当我运行npm run dev时，我会得到

  

您的应用程序正在此处运行：http://localhost:8080

因为我正在基于云的IDE上进行开发，所以无法访问http://localhost ... 因此，当您创建项目时，我会访问Codeanywhere的发布方式：

  

https://myProject-XXXXXXXX.codeanyapp.com/

但是我得到

  

该容器当前不可访问。

真的很感谢您的帮助。

Answer 1

我在根目录（package.json的旁边）创建了一个vue.config.js文件，内容为：

module.exports = {
  devServer: {
    host: '0.0.0.0',
    allowedHosts: [
      '.codeanyapp.com'
    ]
  }
};

Answer 2

从Codeanywhere documentation：

您必须更改默认IP，以便您的Container可以在外部运行。
请将您容器上的IP地址从127.0.0.1更改为0.0.0.0。

Answer 3

使用nuxt.config.js为我工作：

server: {
    port: 3000,
    host: '0.0.0.0',
    timing: false
  },