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

iyzzxitl 于 2023-06-30 发布在 Vue.js

关注(0)|答案(3)|浏览(155)

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

vue.config.js

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

并设置devserver，但仍然没有更改
当我奔跑时

npm run serve

上面写着

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

有办法设置外部设备服务器吗

3条答案

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

在vue.config.js中：

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

对于我来说，在“vue.config.js”中添加类似的条目到module.exports帮助：

devServer: {
  allowedHosts: ['(...).tunnelmole.com']
}