Netlify 양식으로 배운 교훈

주말 동안 Netlify 양식 테스트 및 디버깅 작업을 했기 때문에 이것을 함께 던지기로 결정했습니다. 내가 마주한 몇 가지 문제는 돌이켜 보면 어느 정도 명백해졌지만, 다음은 재사용 가능한 Vue 구성 요소(가까운 미래에 오픈 소스가 될 예정)를 빌드하는 동안 배운 내용의 빠른 목록입니다. 나는 이것을 길고 긴 기사로 만들지 않을 것입니다.
  • 입력에 <label>가 있는 경우 Netlify에서 필드를 표시할 때 이를 사용합니다.



  • 그리고 여기 코드가 있습니다.

        <div class="form-group">
          <label for="name">Your Name<span class="required">*</span></label>
          <input type="text" class="form-control" name="name" id="name" v-model="formData.name" placeholder="Jane Smith" required>
        </div>
    

  • 입력 속성의 name가 제출되는 실제 데이터의 키와 일치하는 것이 중요합니다.
  • 재미있는 사실은 Postman을 사용하여 Netlify에 대한 양식 제출을 실제로 테스트할 수 있다는 것입니다.


  • Postman으로 테스트할 때 form-name 양식 키가 있어야 하며 양식 이름과 일치해야 합니다. 그것이 Netlify에게 들어오는 데이터를 일치시키는 방법을 알려주는 것 같습니다. 누락된 경우 404가 표시됩니다.
  • 간단히 URL에 데이터를 게시할 수 있으므로 '/'를 Netlify 앱의 도메인이나 하위 도메인으로 교체하여 실제로 JavaScript로 로컬에서 제출을 테스트할 수 있습니다.



  • 이것이 누군가를 돕기를 바랍니다. 즐거운 코딩하세요!

    좋은 웹페이지 즐겨찾기