用vue+node寫了一個(gè)簡(jiǎn)單的登錄注冊(cè)，實(shí)現(xiàn)注冊(cè)時(shí)把數(shù)據(jù)發(fā)送到后臺(tái)結(jié)果chrome控制臺(tái)下看到報(bào)錯(cuò)404，如圖：

注冊(cè)界面組件的相關(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ù)是拿到了而且也輸出了就是傳不過(guò)去，我覺得是post這里路徑的問(wèn)題，只是我不知道怎么寫這個(gè)路徑。。。目錄與相關(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ù)庫(kù)
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}))

// 后端路由
// 將請(qǐng)求都轉(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端口

其他部分代碼不重要就沒列出來(lái)了