问题标签 [multi-page-application]

我想知道什么是单视图应用程序。它的属性是什么，它与单页应用程序有什么不同。如果是的话怎么办？

有没有办法通过修改 vue.config.js 在 Vue.js MPA（多页应用程序）中提供自定义的“找不到页面”404 页面？（我没有使用 vue-router）

我想使用 Vue JS 为 MPA 构建 WordPress 插件。用 VUE JS 构建我的插件的更好方法是什么。我应该使用 Webpack 构建方法还是 VUE Js cdn。哪个是更好的方法，为什么？提前致谢。

我刚学了角度。我知道应用程序路由，也听说过延迟加载和角度的多项目工作区。我想制作一个具有此功能的网络应用程序-

当用户访问网页时，会加载“欢迎”应用程序，其中包含登录、注册和定价的路线。用户完成登录注册后，主应用程序应该加载自己的路由。我怎样才能实现这个功能？我很困惑

我正在使用反应。当我尝试从按钮播放音频时，我收到此错误。当网站只是一个单页网站时，一切正常。然后我使用 react-router-dom 将它变成了一个多页网站，路由器、交换机和路由一切都开始因 onClick 而出错。我不确定出了什么问题或如何解决它。我对反应还是很陌生。这是代码：

播放器.js

HeroSection.js（使用 Player.js 的文件）

应用程序.js

这是我尝试播放音频时在控制台中遇到的错误。

我的电子应用程序有多个页面，它在它们之间导航的方式是使用<a>html 标签。但是像这样使用它，前一页就会被破坏。我的页面有很多输入。我想交换页面，但保持输入填充以前的数据。换句话说，我想在我的 html 文件之间进行交换，但在离开页面后保留内容，直到我明确清空它。

我正在使用 Ionic 5 和 React 构建一个应用程序，我认为它会像 SPA 一样工作。

我的问题是我没有得到任何页面转换。当我单击指向子页面的链接时，浏览器会按照您对经典网站的期望加载页面。

我尝试了他们在文档中推荐的方法，但没有奏效。

我唯一一次获得页面转换是当我点击设置页面时。当我单击个人资料页面上的设置链接时，我没有获得页面转换。

如何在没有经典浏览器加载的情况下获得每个页面的转换？

提前致谢！

编辑1：添加了我的路由文件的代码编辑2：添加了3个其他文件（）

应用程序.tsx

AppTabs.tsx

个人资料页面.tsx

设置页面.tsx

我有一个特定的问题，我正在努力在网上查找信息。我已经使用 webpacker 成功地将 VueJS 安装到我的 Rails 6 应用程序中，并且在我的应用程序布局文件上注册了一个根组件：

我知道在单页应用程序中，VueJS 应用程序会在访问网站时进行一次初始化，然后发出异步请求并由 VueJS 发起视图/模板更改——这一切都是有道理的。我的问题与 vue 应用程序初始化应该如何与多页应用程序一起工作有关。

应用程序是否在每次重新加载/turbolink 加载时完全初始化？如果我只是在各个页面中到处使用一些组件，我是否坚持让整个 VueJS 应用程序在每个页面加载时初始化，然后再初始化这些组件？如果是这样，我应该让 Vue JS 应用程序在 application.html.erb 中的 body 标记（或根元素）上初始化，还是应该让应用程序只在具有组件的页面上初始化？

我正在用 Python dash-plotly 编写一个多页应用程序。我的app.py -program具有以下布局结构：

结构基本遵循文档页面https://dash.plotly.com/urls 1-to-1 的第三个代码示例！

所以目前我正在尝试将layout_page2的两个存储数据（'page2-storage-1'和'page2-storage-2'）传输到url_bar_and_content_div（'store1'和'store2'），以及这是我失败的地方：

FIRST回调起作用，它是通过单击第 2 页上的 html-Button() 触发的，并且作为响应发送/返回两个保存的数据（'page2-storage-1' 和 'page2-storage-2'）到索引布局的保存位置（“store1”和“store2”）。我当然已经通过添加这两个命令行print(stored1&2)来测试回调是否有效，如代码中所示，以查看是否真的收到了数据（它是！）。

第二个回调不起作用，我不知道为什么。在to_page1的参数中，我首先写了prevent_initial_call=False，以便在初始调用中执行回调，并且我还打印了索引布局的存储位置（第一个回调中的数据返回到的地方，那些输出) 而且一开始他们确实都是空的！所以这一定意味着这个回调应该被触发，因为它的两个输入之前是空的，但后来收到了前一个回调的数据！那么为什么它不被触发呢？当我禁用初始呼叫预防时，回调函数永远不会被触发，它永远不会执行，我知道因为打印的文本“嘿”永远不会出现在控制台上。那么为什么会这样呢？url_bar...div 的 dcc.Stores 是否在某个时间点被填满，或者返回的数据真的没有到达两个保存槽？还是我同时发送两个输入数据或类似的问题，甚至是一些语法问题？

我怎么知道？？我怎样才能找出后一个回调没有被触发的原因是什么？是否有一些属性或命令等我可以使用它可以在某种程度上帮助我？还有另一个回调也没有被触发，但它或多或少与这里的情况相同，所以我可以修复它们。

如果有人在这里回复我的问题，我将非常感谢，我将不胜感激！提前致谢！

问题

我目前正在使用 laravel 和 vue js 制作应用程序，但与 vue js 的常见实现（即 SPA）不同，我正在尝试在 MPA 中制作应用程序。但是，我刚刚意识到当我回到上一页时，整个页面被重新加载，所以整个页面被刷新并且滚动位置回到了页面顶部。如果我在纯刀片中制作它（没有 vue js），则不会发生这种情况。这对我来说非常烦人，因为我正在制作无限滚动的产品列表页面和产品详细信息页面。当用户看到产品详情后想要返回产品列表，但列表被刷新并且滚动位置在页面顶部（字面意思是新页面）时，感觉就像一个笑话。

所有页面都使用这种刀片布局

productlist.blade.php和productdetail.blade.php

资源/js/app.js

我到处搜索和浏览，但我一无所获。我真的希望有人可以帮助我并给这个问题一些建议，因为很难找到关于 MPA 风格的 laravel + vue js 的讨论。