VUE app change dev server from localhost:8080 to my-testing-web-address.com

Question

I have a VUE application and I need to run it on an external link not on localhost.

I tried to create a

vue.config.js

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

and set the devserver, but still no changes

when I run

npm run serve

It says

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

It's any way to set up an external devserver?

yes and for npm run build it's ok, but I need to have the devserver running on the same url, because I'm doing the design changes and if I'll run build every time, a lot of time will be waste. — Gabriela Dan, May 03 '19 at 10:28
Is this for showing changes to your client who is viewing externally? — Odyssee, May 03 '19 at 10:56
the company's policy is to work directly on the server, so the project need to be develop not locally, but remote... — Gabriela Dan, May 03 '19 at 10:59

score 5 · Answer 1 · edited Nov 12 '21 at 17:04

5

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

edited Nov 12 '21 at 17:04

answered Jan 14 '21 at 11:11

Andy

score 4 · Answer 2 · edited Nov 12 '21 at 17:04

4

In vue.config.js:

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

edited Nov 12 '21 at 17:04

answered May 06 '20 at 11:37

Kim Nyholm

Currently `disableHostCheck` does not seem to "exist" while using Vue "^2.7.14". Thank You anyway, I think it helped me discover the solution I presented. – kcpr Jun 28 '23 at 14:32

kcpr · Answer 3 · 2023-06-28T14:27:45.310

0

For me adding the similar entry to module.exports in "vue.config.js" helped:

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

edited Jun 28 '23 at 14:27

answered Jun 28 '23 at 14:18

kcpr

3 Answers3