为什么我无法通过 Vue 从 mysql 获取新页面上的数据？

Question

很抱歉问了一个看似常见的问题，但我似乎无法做到。

我想单击“a”标签并打开一个新页面以根据 MySQL 数据库中的 id 显示一篇文章。但我得到了 500。

谁能告诉我我的编码有什么问题？谢谢。

这里是'a'标签

 <article v-for='item in dataGroup'>
      <a :href="'http://localhost:8090/articlePage.html?articlePage?id='+item.ID" :name='pageId' target="__blank">
        <h4>{{item.title}}</h4>
        <p>{{item.intro}}</p>
      </a>
 </article>

我使用 Vue-resource 发送 'get' 请求

const vm = new Vue({
    el: '#app',
    data: {
      dataGroup: [],
    },
    methods: {
      renderArticle(url) {
        this.$http.get(url, {

        }).then((res) => {
          this.dataGroup = res.data;
        }, (res) => {
          alert(res.status)
        })

      },
    },
    created() {
      this.renderArticle('/articlePage')

    }
  })

这是我的服务器代码

module.exports = () => {
var router = express.Router();
router.get('/', (req, res) => {
  db.query(`SELECT * FROM articles_table WHERE ID='${pageId.id}'`, (err, page) => {
    if (err) {
      console.error(err);
      res.status(500).send('database error').end();
    } else {
      res.send(page);
    }
  })
})

Answer 1

1. 您尚未为articlePage 定义服务器端路由
2. 您实际上从未将pageId 发送到服务器，因此您不能在查询中使用它，因为服务器不知道该变量是什么，更不用说如何访问id 了.
3. 您没有定义catchall (*) 路由来返回404 错误代码，因此服务器（可能）响应500 服务器错误，因为它不知道如何处理请求。

编辑

您的网址对我来说没有意义，它应该是这样的：

https://localhost:8090/articlePage.html?articlePageId='+item.ID

然后在服务器端，您可以访问请求之外的查询字符串中的任何变量，如下所示：

req.query.articlePageId

req.query 部分是魔法发生的地方