HTML页面部署到tomcat中 运行时页面乱码

这是我的HTML页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"; />
    <title>注册</title>
    <style>
        #content{
            width: 500px;
            height: 500px;
            margin: 0px auto;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" charset="UTF-8"/>
    <script src="js/addr.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="content">
    <h2>用户注册</h2>
    <form action="/day01/test" method="post">
        <div class="form-group">
            <label for="User">User</label>
            <input type="text" class="form-control" id="User" placeholder="UserName" name="UserName">
        </div>
        <div class="form-group">
            <label for="Password">Password</label>
            <input type="password" class="form-control" id="Password" placeholder="Password" name="pwd">
        </div>
        <label>籍贯</label>&emsp;
        <select id="prov" class="from-control" name="p">
            <option selected="selected" disabled="disabled">---请选择---</option>
        </select> <label for="prov">省</label>
        <select id="city" class="from-control" name="c">
            <option selected="selected" disabled="disabled">---请选择---</option>
        </select><label for="city">市</label>
        <select id="area" class="from-control" name="a">
            <option selected="selected" disabled="disabled">---请选择---</option>
        </select><label for="area">县/区</label>
        <div class="form-group">
            <label for="Address">Address</label>
            <input type="text" class="form-control" id="Address" placeholder="地址" name="ad">
        </div>
        <div class="radio">
            <label>
                <input type="radio" name="gender" id="Gender1" value="男" checked>
                男
            </label>
            <label>
                <input type="radio" name="gender" id="Gender2" value="女">
                女
            </label>
        </div>
        <label>个人简历</label>
        <textarea class="form-control" rows="3" name="jl"></textarea>
        <label>备注</label>
        <textarea class="form-control" rows="3" name="bz"></textarea>
        <br/>
        <button type="submit" class="btn btn-default">Submit</button>
    </form>
</div>
</body>
<script>
    $.each(temp,function(i,d){
        var provStr='<option value="'+d.code+'">'+d.label+'</option>';
        $("#prov").append(provStr);
    })
    $("#prov").change(function(){
        $("#city").html('<option selected="selected" disabled="disabled">---请选择---</option>');
        $("#area").html('<option selected="selected" disabled="disabled">---请选择---</option>');
        var provCode=$("#prov").val();
        console.log(provCode);
        $.each(temp,function(i,d){
            if(provCode==d.code){
                $.each(d.children,function(i,f){
                    var cityStr='<option value="'+f.code+'">'+f.label+'</option>';
                    $("#city").append(cityStr);
                })
            }
        })
    })
    $("#city").change(function(){
        $("#area").html('<option selected="selected" disabled="disabled">---请选择---</option>');
        var cityCode=$("#city").val();
        var provCode=$("#prov").val();
        $.each(temp,function(i,d){
            if(provCode==d.code){
                $.each(d.children,function(i,d){
                    if(cityCode==d.code){
                        $.each(d.children,function(i,d){
                            var areaStr='<option value="'+d.code+'">'+d.label+'</option>';
                            $("#area").append(areaStr);
                        })
                    }
                })
            }
        })
    })
</script>
</html>

这个是在tomcat上显示的页面

网上的答案都是说修改编码 全都试了都没有用 

 

img 我将你的代码放到本地，直接打开是可以显示正常中文的，要不我远程看一下？

好问题

换个浏览器运行尝试一下

img{NAK~5KXJ%BLTJ3.png) 补充一个 这里的浏览器中源代码就是乱码

已解决 笔者自己的问题 servlet配置文件写错了 但是有点不理解 项目运行是不是先进页面再调用servlet吗 为什么servlet出错页面直接显示错误呢