亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

向快速 JS 服務器發出 POST 請求時出錯

向快速 JS 服務器發出 POST 請求時出錯

繁星點點滴滴 2022-09-29 15:49:37
我在發出開機自檢請求時遇到問題。我實際上正在嘗試向本地計算機上運行的 Express 服務器發出多個 POST 請求。瀏覽器顯示錯誤“類型錯誤:嘗試獲取資源時出現網絡錯誤”和“內容安全策略:頁面的設置阻止加載 http://localhost:3000/favicon.ico 的資源(”默認-src“)。內容安全策略:頁面的設置阻止了在數據:應用程序/字體-woff2;字符集=utf 處加載資源-...(“默認 src”)。這是我的JS代碼:var email = $("#mail");var password = $("#password");var submit = $("#signup");var form = $("#register");var showPass = $("#showPass");var confirmPassword = $("#confirmPass");//var name = $("#name");var emoji = $(".emoji");window.onload = function() {  email.val("");  password.val("");}showPass.on("click", function() {  $(this).is(':checked') ? password.attr('type', 'text') : password.attr('type', 'password');  $(this).is(':checked') ? confirmPassword.attr('type', 'text') : confirmPassword.attr('type', 'password');});password.keyup(function() {  var pswd = $(this).val();  if (pswd.length < 8) {    $('#length').removeClass('valid').addClass('invalid');    emoji.eq(-1).text('?').css('color', '#ec3f41');  } else {    $('#length').removeClass('invalid').addClass('valid');    emoji.eq(-1).text('?').css('color', 'green');  }  if (pswd.match(/[A-z]/)) {    $('#letter').removeClass('invalid').addClass('valid');    emoji.eq(0).text('?').css('color', 'green');  } else {    $('#letter').removeClass('valid').addClass('invalid');    emoji.eq(0).text('?').css('color', '#ec3f41');  }  if (pswd.match(/[A-Z]/)) {    $('#capital').removeClass('invalid').addClass('valid');    emoji.eq(1).text('?').css('color', 'green');  } else {    $('#capital').removeClass('valid').addClass('invalid');    emoji.eq(1).text('?').css('color', '#ec3f41');  }  if (pswd.match(/\d/)) {    $('#number').removeClass('invalid').addClass('valid');    emoji.eq(2).text('?').css('color', 'green');  } else {    $('#number').removeClass('valid').addClass('invalid');    emoji.eq(2).text('?').css('color', '#ec3f41');  }})
查看完整描述

4 回答

?
楊魅力

TA貢獻1811條經驗 獲得超6個贊

您正在向 發出請求。因此,您尚未在此處定義確切的域。在您的情況下,它必須在運行前端代碼的任何主機名:端口上選取本地主機:端口的URL。您需要定義精確才能使其正常工作。/apihttp(s)://hostname:port/api



查看完整回答
反對 回復 2022-09-29
?
慕哥6287543

TA貢獻1831條經驗 獲得超10個贊

此錯誤是由于瀏覽器阻止了 CORS(跨源資源共享)。嘗試運行命令 。通常,鉻僅允許共享具有相同源的資源。您也可以在 Chrome 中看到停用同源政策以獲取幫助。完成此操作后,我在我的計算機上運行了您的代碼,并且它正常工作。chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security

如果這不起作用,您可以使用塑料填充。最受歡迎的聚合填充是同構提取。這里有一篇關于使用同構獲取的文章:https://medium.com/vinh-rocks/how-to-handle-networkerror-when-using-fetch-ff2663220435


查看完整回答
反對 回復 2022-09-29
?
楊__羊羊

TA貢獻1943條經驗 獲得超7個贊

實際上,提交按鈕與表單鏈接,因此在提交時,POST 請求將轉到本地主機 URL 而不是 API URL。因此,向服務器發出開機自檢請求時出現問題。我實際上在很長一段時間后才得到它。


查看完整回答
反對 回復 2022-09-29
?
墨色風雨

TA貢獻1853條經驗 獲得超6個贊

添加到提交偵聽器將阻止表單提交(通過本地主機 URL)。e.preventDefault()


...

submit.on("click", async function(e) {

  e.preventDefault();


  // execute the rest of your code.

});


查看完整回答
反對 回復 2022-09-29
  • 4 回答
  • 0 關注
  • 197 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號