VS Code Live Server: "Cannot GET <page>" error message
I'm currently developing a simple static web page with only HTML.
I'm using <a> tags with href to links to different pages and the VS code live server used to work. When I inserted a link such as page1.html it would send the browser to this page.
But I prefer to have just the page without the .html.
When I remove the .html from the link the live server gives an error:
Cannot GET /page1
But when I deploy my site on Netlify it does, however, find the page, but this breaks the development process for me.
How can I fix the live server so it also gets sent to the correct page?
This is a common server behaviour. The server tries to find a file or folder name page1 but doesn't find it. Nothing wrong with live server. I guess Netlify is the one doing extra magic.
However if you want to remove the .html in page1 you could create a folder name page1 and put inside a index.html with the content. This way the server will find the folder named page1 and return the index.html. This will also work with live server and any standard server.
This is how your folder structure could look like:
- Trying to make a clickable navigation bar which can be clicked to close
- Resize image in the wiki of GitHub using Markdown
- Anchor links to start below the header which is fixed at the top
- Keep footer at bottom of page when page height dynamically changes using CSS
- What does the media="" attribute in the stylesheet HTML definition refer to?
- HTML CSS Fit image in fixed size
- Angular viewChild native scrollable CSS window layout quirks
- OpenWeather: not getting data
- Detecting if an <option> has been selected in <select> using CSS
- Do I use <img>, <object>, or <embed> for SVG files?
- Applying border-radius to bootstrap 5 table
- Validation for 10 digit mobile number and Showing Color On Input If Invalid
- How to increase space between dotted border dots
- How add element to collection using Thymeleaf
- How to remove id (#) target after refresh
- How exactly does link rel="preload" work?
- What is the role of index in the callback function of click in JQuery?
- Difficulty implementing accordion effect in Angular project
- Convert Rtf to HTML
- How to set div's height in css and html
- NavLink in React JS not working as expected?
- How can i replicate this corner-border-radius trick to an image in my project
- different grid area while using grid-template-column
- Is there a way to include hyperlinks in the body of a Twilio SMS?
- Why does z-index not work?
- How do I make the background image start at the top of the page and not below my sticky header?
- 3d Terrain Generation using ThreeJs/React
- How can I make a color wheel using CSS (with white at center and fading to black at the rim)?
- Logic to add vertical stepper lines
- Why the elapsedTime property of animation event is undefined