nuxtjs cannot display dynamic url on production

Question

I'm using nuxjs to build my project and I create a page which displays place information dynamically.

when I run npm run dev and test on http://localhost:3000/place/66bb50b7a5 is work well.

but after I run npm run generate, I get the dist folder, I put in on MAMAP and try to run http://mysite:7074/place/66bb50b7a5, it shows 404 page not found.

My dist folder is like this

please tell me what wrong on my code and what I should do.

Thank you.

Did you every find a solution to the problem?

FooBar
– FooBar

2020-03-03 10:49:59 +00:00
Commented Mar 3, 2020 at 10:49 — FooBar
– FooBar, Commented Mar 3, 2020 at 10:49

Paul Tsai · Accepted Answer · 2018-02-25 19:59:35Z

9

You have to config your web server to response index.html when receive requests like /place/66bb50b7a5

vue-router doc have example configurations for Apache, nginx, IIS...

For MAMP (apache):

create an file name .htaccess in your MAMP htdocs folder
paste apache configuration from vue-router doc

.htaccess:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

answered Feb 25, 2018 at 19:59

Paul Tsai

1,0098 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tarun Lalwani Over a year ago

@GEOFFREYMWANGI, this should do the job, have you tried this or not?

Trian Basofi Rohman · Accepted Answer · 2022-01-14 03:05:57Z

0

I've had the same problem and I've solved it.

my case in apache:

create .htaccess file in the same folder as index.html
copy-paste the following script, and all works charmly.

<IfModule mod_rewrite.c>
  Rew/riteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

Previously I found this script on github

answered Jan 14, 2022 at 3:05

Trian Basofi Rohman

1

Collectives™ on Stack Overflow

nuxtjs cannot display dynamic url on production

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related