Solution ideas and implementation steps for the problem of css and js becoming invalid after struts2 jump

When the jsp that is jumped to after the struts2 action is executed is displayed, the css does not work. Take the project where I am having problems as an example:
The actions are as follows:

Copy code

The code is as follows:

<action name="listUser" class="listUserAction">
<result>/users/userList.jsp</result>
</action>

( Note : The function of listUser is to find all users and then display them in userList.jsp under users. Since spring is used, the "listUserAction" here is the name configured in applicationContext.xml)
The css settings in userList.jsp are as follows :

Copy code

The code is as follows:

( Note : The directory hierarchy is like this, there are users and css folders under WebRoot, so if the jsp under users wants to call style.css, it needs to ../ go to the root directory and then find the css folder)
However, when the program jumps to /users/userList.jsp after successfully executing from listUser, /css/style.css does not work. If jsp is displayed directly in the address bar, it can be displayed normally.
The method found on the Internet says to use an absolute path for css :

Copy code

The code is as follows:

But this will have an obvious disadvantage, which is that the portability will be poor.
Try to change result to <result>userList.jsp</result>, and then put jsp in the root directory, then there will be no such problem. At this time, the cause of the problem is almost known, that is, action is in the root directory. You can see it from the address bar when running the program, that is, the namespace is in the root directory, and then "../css/style.css" will naturally not be found.
Once you understand the problem, the solution will be easy to find. Find the package where listUser is configured and add namespace="/users". This is the time

Copy code

The code is as follows:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN"
"http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
<package name="users" extends="struts-default" namespace="/users">
......
<action name="listUser" class="listUserAction">
<result>/users/userList.jsp</result>
</action>
......
</package>
</strusts>

Then restart the server, OK, it displays normally! At the same time, we can also see that there is an additional "/users" before the action in the address bar, and when jumping to the connected video, it is also "/users/userList.jsp", which keeps it consistent and solves the problem.

<<: Let's talk in detail about the direction of slow SQL optimization in MySQL

>>: Detailed explanation of sample code for the improvement and changes brought by CSS variables to JS interactive component development

Angular Cookie read and write operation code

Solution ideas and implementation steps for the problem of css and js becoming invalid after struts2 jump

Angular Cookie read and write operation code

Summary of ways to implement single sign-on in Vue

Use h1, h2, and h3 tags appropriately

UCenter Home site adds statistics code

JavaScript Function Currying

How to add a paging navigation bar to the page through Element UI

TypeScript Enumeration Type

Improve the efficiency of page code modification and master the core knowledge of HTML language

Description and use of table attributes CellPad, CellSpace and Border in web page production

Implementation code for partial refresh of HTML page

Recommend

How to solve the problem of left alignment of the last line in flex layout space-between

The ultimate solution to the problem of Chinese garbled characters in tomcat static pages (html)

Introduction and usage summary of React-Native screenshot component react-native-view-shot

Why is UTF-8 not recommended in MySQL?

Javascript asynchronous programming: Do you really understand Promise?

MySQL 8.0.20 installation and configuration tutorial under Win10

Practical record of solving MySQL deep paging problem

Implementation of Docker container state conversion

Common front-end JavaScript method encapsulation

MySQL5.7.17 winx64 installation version configuration method graphic tutorial under Windows server 2008 r2

Solve the problem that changes to the Docker MySQL container database do not take effect

DOM operation implementation in react

A brief analysis of the problem of Mysql 8.0 version driving getTables to return all database tables

Summary of 10 amazing tricks of Element-UI

Solution to the Mysql ERROR 1045 (28000): Access denied for user root@localhost problem in Ubuntu system