javascript - VUE 应用程序将开发服务器从 localhost:8080 更改为 my-testing-web-address.com

Question

我有一个 VUE 应用程序，我需要在外部链接上运行它，而不是在本地主机上。

我试图创建一个

vue.config.js

devServer: {
    host: 'http://my-testing-web-address.com',
    port: 8080,
    ...
}

并设置开发服务器，但仍然没有变化

当我跑步时

npm run serve

它说

App running at:
- Local:   http://localhost:8080/ 
- Network: http://192.168.0.100:8080

有什么方法可以设置外部开发服务器？

Answer 1

{
  module.exports = {
    devServer: {
      host: 'projectname.local'
    }
  }
}

完整的细节在这里：https ://stevencotterill.com/snippets/vue-cli-using-a-custom-domain

Answer 2

在 vue.config.js 中：

module.exports = {
  devServer: {
    disableHostCheck: true
  }   
}

Answer 3

vue.config.js在项目根目录下创建：

然后，将以下代码添加到vue.config.js：

module.exports = {
  devServer: {
    disableHostCheck: true
  }
}

*不要忘记重新启动服务器，否则更改不会反映。