nuxt on local domain? - vue.js

Question

I've setup my .hosts file to:
127.0.0.1 local.mydomain.dk
And then in my nuxt config file i've setup:
server: {
port: 3000, // default: 3000
host: 'local.mydomain.dk' // default: localhost
},
And last but not least, in package.json:
"dev": "nuxt --hostname local.mydomain.dk --port 3000",
However, when running npm run dev, Nuxt still starts up on localhost:3000, and not my custom domain? And if I try going to my custom domain in the browser, I get a message "Site cannot be reached"
Is there anything else to setup Nuxt for running on a local domain ?

Answer 1

Had the same problem. My solution to this issue was to:
Add the following in my etc/hosts file:
127.0.0.1 local.mydomain.dk
Flush DNS (different command in each OS)
Add the following in nuxt.config.js:
 
server: {
port: 80,
host: '0.0.0.0',
}
Now if you navigate to http://local.mydomain.dk it will work.
With this approach, I noticed that the Nuxt favicon was missing (I don't know if it introduces any other [serious] problems), so I switched to:
server: {
port: 3000,
host: 'http://local.mydomain.dk',
}
This time you will need to navigate to http://local.mydomain.dk:3000 to work.

Answer 2

I tried to connect Telegram Oauth to nuxtjs and I wasted a lot of time trying to open a domain locally because it doesn't accept Ports. So I want to write down the method I did.
Ngnix Stable version dowload and install C:\ngnix folder
Edit C:\ngnix\conf\nginx.conf
Enter My code
worker_processes 1;
events {
worker_connections 1024;
}
http {
map_hash_bucket_size 128;
map $sent_http_content_type $expires {
"text/html" epoch;
"text/html; charset=utf-8" epoch;
default off;
}
server {
listen 80;
server_name quest.localhost;
gzip on;
gzip_types text/plain application/xml text/css application/javascript;
gzip_min_length 1000;
location / {
expires $expires;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_read_timeout 1m;
proxy_connect_timeout 1m;
proxy_pass http://localhost:3000; # set the address of the Node.js instance here
}
}
quest.localhost here is the domain I use You can change it yourself.
Enter cmd and run start nginx.exe in C:\ngnix. Also do nginx -s reload against every extimole since you changed the ngnix.conf file
Now let's enter the domain name
Wow it worked