在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 用vue-resousce發(fā)送數(shù)據(jù)到后臺時報錯504

用vue-resousce發(fā)送數(shù)據(jù)到后臺時報錯504

用vue+node寫了一個簡單的登錄注冊,實現(xiàn)注冊時把數(shù)據(jù)發(fā)送到后臺,結(jié)果chrome控制臺下看到報錯504,后臺上提示是代理出了問題:[HPM] Error occurred while trying to proxy request /api/user/addUser from localhost:8080 to http://127.0.0.1.8080/api/
user (ENOTFOUND)

如圖:
圖片描述
注冊界面組件的相關(guān)js代碼如下:

<script>
export default {
  data () {
    return {
      user: {
        username: null,
        password: null,
        tel: null
      }
    }
  },
  methods: {
    submit: function () {
      console.log('username=' + this.user.username + 'password=' + this.user.password + ',tel=' + this.user.tel)
      // 提交數(shù)據(jù)
      this.$http.post('/api/user/addUser', {
        username: this.user.username,
        password: this.user.password,
        tel: this.user.tel
      }, {}).then((response) => {
        console.log(response)
      })
    }
  }
}
</script>
數(shù)據(jù)是拿到了而且也輸出了就是傳不過去,我覺得是post這里路徑的問題,只是我不知道怎么寫這個路徑。。。目錄與相關(guān)node的代碼如下:

圖片描述

userApi.js的代碼:

var models = require('../db')
var express = require('express')
var router = express.Router()
var mysql = require('mysql')
var $sql = require('../sqlMap')

// 連接數(shù)據(jù)庫
var conn = mysql.createConnection(models.mysql)
conn.connect()

router.post('/addUser', (req, res) => {
  var sql = $sql.user.add
  var params = req.body
  console.log(params)
  conn.query(sql, [params.username.params.password, params.tel], function (err, result) {
    if (err) {
      console.log(err)
    }
    if (result) {
      console.log(result)
    }
  })
})

module.exports = router

index.js的代碼如下:

const userApi = require('./api/userApi')
const bodyParser = require('body-parser')
const express = require('express')
const app = express()
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended: false}))

// 后端路由
// 將請求都轉(zhuǎn)發(fā)至userApi.js中處理
app.use('/api/user', userApi)

app.listen(8080)
console.log('success to listen the port 8080.......') // 已經(jīng)成功監(jiān)聽8080端口

其他部分代碼不重要就沒列出來了

回答
編輯回答
傻丟丟

少了個res.json()吧

2017年4月27日 20:26
編輯回答
巴扎嘿

首先這一段應(yīng)該是要這樣寫的吧:

app.listen(8080, () => {
    console.log('success to listen the port 8080.......')
})

然后,可以使用 Postman 來調(diào)試你的后端接口。

然后,在貼一下你的 webpack 的相關(guān)配置?

2018年1月3日 06:45