ESP32でWiFi接続時に文字化けを直したい。

Question

こんにちは。ESP32を使っているのですが、SPIFFS使用時に文字化けをしてしまいます。

#include <WiFi.h>
#include <WebServer.h>
#include <SPIFFS.h>

WebServer server(80);

void top(){
  File file = SPIFFS.open("/password.html", "r");
  server.streamFile(file,"text/html");
  file.close();
}

void toggle() {
  static bool out = 0;
  out = !out;
  digitalWrite(2,out);
}


void setup(){

  Serial.begin(115200);
  
  pinMode(2, OUTPUT);
  SPIFFS.begin();
  WiFi.softAP("XXXXX");
  server.on("/",top);
  server.on("/toggle",toggle);
  server.begin();
}

void loop(){
  server.handleClient();
}

<script>

    var pw;
    
    pw = prompt("パスワードを入れて下さい。","");
    
    if (pw == "abcde"){
      location.href = "index.html";
    }else{
      alert("パスワードが違います！");
    }
    
    </script>

このようになっています。

こちらでパスワードを入力するところが文字化けを起こしてしまいます。（パスワードを入れてください。が文字化けをする。）

htmlを表示するだけなら文字化けが起きなかったのですが、JSでかくと文字化けを起こしてしまいます。

また、パスワード正しく入力していてもindex.htmlに飛ばされません。（not foundと表示されてしまいます。）

ESP32を使用せずにパソコンで表示させるとしっかり動きます。

どうしたら良いでしょうか。頑張って調べたのですが解決できませんでした。

宜しくお願い致します。