I am trying to use Airtable for my VueJS app’s database. I have it set to retrieve data using Axios. Everything renders find for the client, but I am wanting to have my site index on Google. I tested it using Google’s Mobile Friendly Test (search(dot)google(dot)com/test/mobile-friendly to see how the content and meta tags would render, but I receive an error message. This is for Googlebot.
See my site’s rendered HTML and show the content that shows when a normal user visits.
X page resources couldn’t be loaded
Googlebot blocked by robots.txt
It links me here (api(dot)airtable(dot)com/robots.txt) where i can see:
User-agent: * Disallow: /
What I’ve Tried
- Updating my apps
robots.txtto add the below:
# Group 1 User-agent: Googlebot Disallow: /nogooglebot/ # Group 2 User-agent: Airtable Allow: / # Group 3 User-agent: * Allow: /
- I tried adding a
- Screamining into the void (surprised this did not work)
Any help would be appreciated!
Edit: The site is hosted on Firebase Hosting on a custom domain