node.js 获取 post 请求返回 index.html 而不是 json

Question

我有一个 node.js 应用程序连接到我创建的 dialogflow 机器人，其中只有一个文件：app.js.

我有 index.html、index.js UI 的机器人，当我打开未连接到 app.js 时，它运行完美。我从 app.js 收到 json 回复但是，当我尝试在 app.js 中包含 UI（index.html 和 index.js）时，post 方法返回 index.html 而不是json之前返回，导致错误：“SyntaxError: Unexpected token < in JSON at position 0”（因为返回的是index.html而不是json）

这是我的 app.js

    const dialogflow = require('@google-cloud/dialogflow');
    const uuid = require('uuid');
    const express = require('express');
    const bodyParser = require('body-parser');
    const app = express();
    
    const port = 9000;
    const sessionId = uuid.v4();
    
    app.use(bodyParser.urlencoded({
      extended: false
    }));
    
    // ------------------The following code is the one I use for including the UI----------------------------------
    
    const path = require('path');
    app.use(express.static('botui'));
    app.use('/', function(req,res){
      res.sendFile(path.join(__dirname+'/botui/index.html'));
    });
    
    // ------------------------------Code for including the UI ended-----------------------------------------------
    // ------------------When I did not use the above code and just opened file://index.html it worked great-------
    
    app.use(function (req, res, next) {
    
      res.setHeader('Access-Control-Allow-Origin', '*');
      res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
      res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
      res.setHeader('Access-Control-Allow-Credentials', true);
      
      // Pass to next layer of middleware
      next();
    });
    
    app.post('/send-msg',(req,res)=>{
      runSample(req.body.MSG).then(data=>{
        res.send({
          statusCode: 200,
          body: {},
          headers: {
          'Content-Type': 'application/json', 
          'Access-Control-Allow-Origin': '*' 
      },
        Reply:data})
      })
    })
    /**
     * Send a query to the dialogflow agent, and return the query result.
     * @param {string} projectId The project to be used
     */
    async function runSample(msg, projectId = 'bot_ID') {
      // Create a new session
      const sessionClient = new dialogflow.SessionsClient({
        keyFilename:"BOT-KEY.json"
      });
      const sessionPath = sessionClient.projectAgentSessionPath(projectId, sessionId);
    
      // The text query request.
      const request = {
        session: sessionPath,
        queryInput: {
          text: {
            // The query to send to the dialogflow agent
            text: msg,
            // The language used by the client (en-US)
            languageCode: 'en-US',
          },
        },
      };
    
      // Send request and log result
      const responses = await sessionClient.detectIntent(request);
      console.log('Detected intent');
      const result = responses[0].queryResult;
      console.log(`  Query: ${result.queryText}`);
      console.log(`  Response: ${result.fulfillmentText}`);
      if (result.intent) {
        console.log(`  Intent: ${result.intent.displayName}`);
      } else {
        console.log(`  No intent matched.`);
      }
      return result.fulfillmentText;
    }
    
    app.listen(port,()=>{
      console.log("Running on port: " + port)
    })

下面是 index.js 发送 POST 请求的代码：

    fetch(url, {
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json', 
        'Access-Control-Allow-Origin': '*' 
    },
      method: 'POST',
      body:data
    })
    .then(res => res.json())
     .then(response => {
      console.log(response);
      serverMessage(response.Reply);     
      
     })
      .catch(error => console.error('Error h:', error));

Answer 1

看来你应该将 app.use('/', function(req,res){ 替换为 app.get('/', function(req,res){

看看Difference between app.use and app.get in express.js

node.js 获取 post 请求返回 index.html 而不是 json

node.js fetch post request returning index.html instead of json

javascript

fetch

node.js

dialogflow-es