当前位置: 首页 > 知识库问答 >
问题:

VUEJS2、NodeJs和重新加载页面

邢心水
2023-03-14

我对VueJs和刷新页面有个问题。当我用特定的URL(例如:/tag/1)刷新VueJs应用程序时,出现错误:“Uncattle SyntaxError:Expected token<”。我的服务器是用NodeJs创建的,我使用ExpressJS。我的模板引擎是EJS。我定义了一条路由:

app.get('*', (request, response) => {
   response.render('layouts/index')
})

在ExpressJs的文档中,可以使用插件“connect-history-api-fallback”来替换Apache的“.htaccess”,但这是行不通的。

let app = express()
app.use(history({
    verbose: true,
    index: '/'
}))

问题是什么?

谢谢,

共有1个答案

王豪
2023-03-14

之所以发生这种情况,是因为您的客户端应用程序(vue.js)期望接收一些有效的JSON对象,而您的服务器却给出了一个HTML页面。

当尝试将...之类的字符串转换为javascript对象时,JSON解析器失败并给出该错误。要在本地复制,请打开开发人员控制台并运行以下命令:

JSON.parse("<html></html>")

要找出问题的具体所在,您需要查看developer console的network选项卡,并查看API请求的服务器响应--您希望使用JSON,但服务器可能提供index.html

假设您的服务器端一切正常,并按预期处理API请求,那么可能是vue组件中的一个简单错误--您可能试图加载/API/tag/1(它获得有效的JSON字符串)中的标记数据,而不是从/tag/1(它只获得index.html)。

 类似资料:
  • 我想重新加载页面。我该怎么做?

  • 问题内容: 我有一个带有php include的Div Tag,该div用来填充该信息,我想要做的是使它每隔15秒调用一次,以便它可以在那里更新信息,而不必重新加载整个网页。我试图用JavaScript / jQuery做到这一点,但似乎无法正常工作 这是我在搜索一些内容后所拥有的,然后发生的是,它加载了Small.php,但不会每15秒刷新一次或更新信息。 请帮忙! 我应该添加所有应显示的php

  • 问题内容: 我们正在发出多个ajax请求,以“保存” Web应用程序中的数据,然后重新加载页面。我们遇到了这样一种情况:(由于请求是异步发出的)在ajax调用完成时或之前重新加载页面。一种简单的解决方案是使用“ async”:false选项启用ajax调用,从而强制进行同步调用。这似乎可行,但是在执行任何调用之前运行的对话框代码会延迟运行。 任何意见是极大的赞赏! 还应注意,在重新加载之前放置al

  • 我正在使用Ionic构建一个应用程序,但自从ios 9更新以来,我的代码每次都会被破坏。 这是我的代码,当用户单击“注销”时,它会启动一个函数,更改状态,然后刷新页面。 但现在我注意到我的$状态。go是一个异步和$窗口。地方重载()在转换完成之前启动。有什么方法可以在重新加载页面之前等待转换完成?

  • 嗨,伙计们,我是一个平均堆栈开发的初学者,我试图在注销后刷新页面。我尝试了;但它不起作用告诉我可能的代码页面重载在这种情况下

  • 我有一个ionic单页web应用程序,用户在其中完成一些信息并动态创建一些组件(新列、卡片等)。单击按钮后,我想在初始状态下完全重新加载页面。我尝试过角度生命周期挂钩,但似乎没有触发它们,因为路线没有变化。我也尝试了这条路线。导航(['home'),但它不起作用。我不需要保存任何数据。只需重新加载所有内容。