vue.js - 如何在 codeanywhere 上访问 VueJS

Question

那里。我开始使用 VueJS，在 codeanywhere 中创建一个项目：

npm install -g vue-cli
vue init webpack myProject

所以，当我跑步时，npm run dev我得到一个

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

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

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

但我得到一个

此容器当前不可访问。

非常感谢任何帮助。

score 4 · Accepted Answer

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

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

score 2 · Accepted Answer

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

score 1 · Accepted Answer

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

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

3 回答 3