Web Front-end
JS Tutorial
How to deal with the 404 error reported by Tomcat when the Vue project is packaged and deployed with webpack
How to deal with the 404 error reported by Tomcat when the Vue project is packaged and deployed with webpack
This time I will bring you how to deal with the 404 error reported by Tomcat when the Vue project webpack is packaged and deployed. How to deal with the 404 error reported by Tomcat when the Vue project webpack is packaged and deployed. What are the precautions? This is a practical case, let’s take a look at it.
Problems encountered
After using webpack to package vue, publish the packaged file to Tomcat. The access is successful, but it is refreshed. The subsequent page reported a 404 error. After searching on the Internet, it turns out that it is a problem caused by the HTML5 History mode. The Vue official has given an explanation for the specific reason. You can seehttps://router.vuejs.org /zh-cn/essentials/history-mode.html
But after reading it, the problem came again. The official solution did not say how to solve it under tomcat.Solution
According to the official solution principleYou need to add a server on the server to cover all situations Candidate resources: If the URL does not match anystatic resources, it should return the same index.html page, which is the page your app depends on.
So you can do this under tomcat server. Create a new WEB-INF folder in the root directory of the packaged project, and write a web.xml in WEB-INF. Write in web.xml:<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>const router = new VueRouter({
mode: 'history',
routes: [
{
path: '*',
component: (resolve) => require(['./views/error404.vue'], resolve)
}
]
})Detailed explanation of the steps for php to generate a random string of custom length
php generates random numbers, letters or Mixed string of numbers and letters
The above is the detailed content of How to deal with the 404 error reported by Tomcat when the Vue project is packaged and deployed with webpack. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1381
52
How to deploy jar project in tomcat
Apr 21, 2024 am 07:27 AM
To deploy a JAR project to Tomcat, follow these steps: Download and unzip Tomcat. Configure the server.xml file, set the port and project deployment path. Copies the JAR file to the specified deployment path. Start Tomcat. Access the deployed project using the provided URL.
How to allow external network access to tomcat server
Apr 21, 2024 am 07:22 AM
To allow the Tomcat server to access the external network, you need to: modify the Tomcat configuration file to allow external connections. Add a firewall rule to allow access to the Tomcat server port. Create a DNS record pointing the domain name to the Tomcat server public IP. Optional: Use a reverse proxy to improve security and performance. Optional: Set up HTTPS for increased security.
Where is the tomcat installation directory?
Apr 21, 2024 am 07:48 AM
Tomcat installation directory: Default path: Windows: C:\Program Files\Apache Software Foundation\Tomcat 9.0macOS:/Library/Tomcat/Tomcat 9.0Linux:/opt/tomcat/tomcat9 Custom path: You can specify it during installation. Find the installation directory: use whereis or locate command.
How to deploy multiple projects in tomcat
Apr 21, 2024 am 09:33 AM
To deploy multiple projects through Tomcat, you need to create a webapp directory for each project and then: Automatic deployment: Place the webapp directory in Tomcat's webapps directory. Manual deployment: Manually deploy the project in Tomcat's manager application. Once the project is deployed, it can be accessed by its deployment name, for example: http://localhost:8080/project1.
How to check the number of concurrent connections in tomcat
Apr 21, 2024 am 08:12 AM
How to check the number of concurrent Tomcat connections: Visit the Tomcat Manager page (http://localhost:8080/manager/html) and enter your user name and password. Click Status->Sessions in the left navigation bar to see the number of concurrent connections at the top of the page.
Where is the root directory of the tomcat website?
Apr 21, 2024 am 09:27 AM
The Tomcat website root directory is located in Tomcat's webapps subdirectory and is used to store web application files, static resources, and the WEB-INF directory; it can be found by looking for the docBase attribute in the Tomcat configuration file.
How to check the port number of tomcat
Apr 21, 2024 am 08:00 AM
The Tomcat port number can be viewed by checking the port attribute of the <Connector> element in the server.xml file. Visit the Tomcat management interface (http://localhost:8080/manager/html) and view the "Status" tab. Run "catalina.sh version" from the command line and look at the "Port:" line.
How to run two projects with different port numbers in tomcat
Apr 21, 2024 am 09:00 AM
Running projects with different port numbers on the Tomcat server requires the following steps: Modify the server.xml file and add a Connector element to define the port number. Add a Context element to define the application associated with the port number. Create a WAR file and deploy it to the corresponding directory (webapps or webapps/ROOT). Restart Tomcat to apply changes.
