前端访问路径含有中文乱码，src中文路径图片显示不了

bxq1833248080

已于 2024-06-05 00:58:38 修改

阅读量352

点赞数 9

文章标签：前端 java javascript

于 2024-06-04 16:47:23 首次发布

本文链接：https://blog.csdn.net/bxq1833248080/article/details/139447520

版权

解决办法在后端添加过滤器

package com.szxy.mybatis.common.filter;

import lombok.extern.slf4j.Slf4j;
import org.apache.catalina.connector.RequestFacade;
import org.apache.tomcat.util.buf.MessageBytes;

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import java.io.IOException;
import java.lang.reflect.Field;

/**
 * @author 01
 * @program wrapper-demo
 * @description 替换HttpServletRequest
 * @create 2018-12-24 21:04
 * @since 1.0 https://cloud.tencent.com/developer/article/1702246
 **/
@Slf4j
public class ReplaceStreamFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {}

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        try {
            RequestFacade facade = (RequestFacade) servletRequest;
            Class clazz = RequestFacade.class;
            HttpServletRequest req = (HttpServletRequest) servletRequest;
            // 获取访问请求地址
            String newUrl = req.getRequestURI();
            //对中文路径编码
            newUrl = new java.net.URI(newUrl).getPath();
            Field field = clazz.getDeclaredField("request");
            field.setAccessible(true);
            org.apache.catalina.connector.Request request = (org.apache.catalina.connector.Request) field.get(facade);
            Class requestClass = request.getClass();
            Field coyoteField = requestClass.getDeclaredField("coyoteRequest");
            coyoteField.setAccessible(true);
            org.apache.coyote.Request coyoteRequest = (org.apache.coyote.Request) coyoteField.get(request);
            Field uriMBField = coyoteRequest.getClass().getDeclaredField("uriMB");
            uriMBField.setAccessible(true);
            MessageBytes uriMB = (MessageBytes) uriMBField.get(coyoteRequest);
            // 重新改变请求路径
            if(newUrl.contains("serverFile")){
                uriMB.setString(newUrl);
            }

            filterChain.doFilter(facade, servletResponse);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @Override
    public void destroy() {}
}

在这里配置过滤器

package com.szxy.mybatis.common.config;


import com.szxy.mybatis.common.filter.ReplaceStreamFilter;
import org.springframework.boot.web.servlet.FilterRegistrationBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import javax.servlet.Filter;

/**
 * @author 01
 * @program wrapper-demo
 * @description 过滤器配置类
 * @create 2018-12-24 21:06
 * @since 1.0 https://cloud.tencent.com/developer/article/1702246
 **/
@Configuration
public class FilterConfig {
    /**
     * 注册过滤器
     *
     * @return FilterRegistrationBean
     */
    @Bean
    public FilterRegistrationBean someFilterRegistration() {
        FilterRegistrationBean registration = new FilterRegistrationBean();
        registration.setFilter(replaceStreamFilter());
        //在这里配置你要过率的地址
        registration.addUrlPatterns("/serverFile/*");
        registration.addUrlPatterns("/control/getCmd");
        registration.setName("streamFilter");
        return registration;
    }

    /**
     * 实例化StreamFilter
     *
     * @return Filter
     */
    @Bean(name = "replaceStreamFilter")
    public Filter replaceStreamFilter() {
        return new ReplaceStreamFilter();
    }
}

完美解决过滤器必须要配置，图片我是访问磁盘资源，可以参考下一篇文章