add cors dependency, add headers

app.py

@@ -1,4 +1,5 @@
 from flask import Flask, render_template, request, jsonify, make_response
+from flask_cors import CORS, cross_origin
 from modules.model import summarize
 import __main__
 
@@ -15,6 +16,7 @@ def home():
 
 
 @app.route('/summarize', methods=['GET', 'POST'])
+@cross_origin()
 def recommend():
     if request.method == "POST":
         # Get form data
@@ -26,7 +28,8 @@ def recommend():
         # Call the function summarize to run the text summarization
         try:
             short_output_summary, long_output_summary = summarize(input_text)
-            response = jsonify({'short': short_output_summary.strip(), 'long': long_output_summary.strip()})
+            response = jsonify(message={'short': short_output_summary.strip(), 'long': long_output_summary.strip()})
+            response.headers.add("Access-Control-Allow-Origin", "*")
             # Pass output summary to the output template
             return response
 

requirements.txt

@@ -1,3 +1,4 @@
 torch==1.11.0
 Flask==2.1.0
 transformers==4.20.0
+flask_cors==3.0.10 

templates/index.html

@@ -190,15 +190,17 @@
       const translateText = async (jsonfile) => {
         const fetchSettings = {
           method: 'POST',
+          mode: 'cors',
+          credentials: 'same-origin',
           body: JSON.stringify({"input_text": jsonfile}),
-          headers: new Headers({
-            "content-type": "application/json"
-          })
+          headers: {
+            "Content-Type": "application/json"
+          },
+          referrerPolicy: 'no-referrer'
         };
         const inferResponse = await fetch(`/summarize`, fetchSettings);
-        const inferJson = await inferResponse.json();
 
-        return inferJson;
+        return inferResponse.json();
       };
       
       const textGenForm = document.querySelector('#input_form');