[Page Not Found] After deploying a project, a bowser cannot open one of an existing paths nested under root folder

Support
1

Hello! I am building my design portfolio website and got stuck with two errors :frowning:

Here is what I have done:

  • I am developing a single page app using Vue CLI and WordPress REST API.
  • The WordPress is hosted under public_html/admin.
  • I have deployed the project onto public_html on the server with Netlify.
  • After deploying the project, I cannot open the WordPress dashboard from a browser (Chrome).
  • Also, I get CORS errors that block the REST API access.

Two errors I am encountering:

Error 1:
When opening public_html/admin/wp-admin to view the WordPress dashboard from a browser (Chrome), it shows Netlify error saying " Page Not Found Looks like you’ve followed a broken link or entered a URL that doesn’t exist on this site."

Error 2:
Access to XMLHttpRequest at 'https://junichirokoyama.com/admin/wp-json/wp/v2/tags' from origin 'https://hopeful-tesla-15c924.netlify.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Questions:

  1. How can I open the WordPress page installed on public_html/admin again? Is this something related to vue-router?
  2. Is there a way to avoid the CORS error with Netlify?

Here are some of the project info:

Netlify site name:

Custom domain:

Hosting service:
Bluehost

Thank you very much in advance. Hope to hear from anyone soon.

2

@junichiroar Welcome to the Netlify community.

You are aware that Netlify does NOT run WordPress, right? Static sites only.

3

Thanks! I did not know that.

Does that mean I need to host WordPress site on some other domain completely? Is there a way to utilise a subdomain (e.g. api.mydomain.com) for hosting WordPress?

4

@junichiroar Yes and yes.

5

Got it. Thanks a lot.

I’ll then