single-page-application相关内容

如何通过仅使用 jQuery 构建的单页应用程序实现路由

现在,当用户在文本字段中输入一个词并点击搜索时,表单使用 $.get() 提交.从服务器获取数据(JSON),然后更新 UI. 我想做的很简单: 1) 当表单提交时,浏览器的 URL 需要更新(类似于 search/zyx,zyx 就是用户搜索的内容). 2) 当页面被预订到收藏夹时,或者作为链接从页面需要加载的某个地方单击时,文本字段值必须是“zyx".此外,UI 需要显示 z ..

如何配置 IIS 以在没有尾部斜杠的情况下提供目录并始终相对于根路径提供服务?

我在 IIS 中托管了一个单页应用程序,我想确保所有请求都被定向到/index.html(它将解释 url 并处理所有路由客户端).此规则的唯一例外是当请求是针对磁盘上的实际文件时,例如 *.js、*.css、*.png 等(毕竟我仍然需要能够加载应用程序;-).使用以下 web.config 文件几乎一切正常: ..
发布时间:2021-09-24 19:10:38 服务器开发

为什么 Bing 爬虫无法获取我的 angular 网页的动态内容?

我的 SPA 网站(基于 Node/Express/Mongo/Angular X)启动并运行.我创建了一个 sitemap.xml 并提交给 Microsoft Bing,从服务器日志中,我看到他们开始爬行.但是,我注意到调用了页面 URL,而不是该页面的关联 API.所以,基本上它只是索引每个页面的静态骨架,而不是动态的真实内容. 我用谷歌搜索,看到有人说“谷歌无法索引动态内容",如本文 ..
发布时间:2021-09-22 20:30:26 其他开发

使用 prerender-spa-plugin 时如何加载 Vuetify?

当我们使用 npm run dev 在开发模式下运行我们的 Vuetify 应用程序时,它可以正常工作. 然而,当我们使用 prerender-spa-plugin 构建它时,Vuetify CSS 文件可以正确加载,但没有任何 JavaScript 组件工作(即单击按钮打开抽屉不起作用等等.). 我们已经尝试将脚本标签硬编码到 Vuetify 的 CDN,但没有奏效. 我们在 ..
发布时间:2021-09-20 19:44:48 前端开发

Vue.js 单文件组件“名称"在消费者中不受欢迎

请原谅我的语法,我是 vue.js 的新手,可能没有正确理解术语. 我有一个名为 CreateTodo.vue 的单文件组件 (SFC).我给它命名为“create-todo-item"(在 name 属性中).当我在我的 app.vue 文件中导入它时,如果我使用标记 ,我只能使用该组件.如果我使用 ,组件将不会在页面上呈现. 我后来了解到,如果我以 com ..
发布时间:2021-09-20 19:17:11 前端开发

使用 spring boot 托管单页应用程序

因此,我尝试在使用 spring 的普通 REST API 旁边托管一个单页应用程序. 这意味着所有发送到普通 /api/ 端点的请求都应由相应的控制器处理,所有其他请求应定向到文件夹 /中的资源静态/内置 我通过捕获所有 NoHandlerFoundExceptions 并重定向到 js 文件或 html 文件来实现这一点.然后使用 WebMvcConfigurer 来映射静态内容. ..

将 Laravel 7 和 Vue SPA 应用程序部署到共享主机中

专家,我的应用程序有 Vue 前端和 Laravel 7 后端.问题是,我无法重定向到登录页面,它向我显示了一个空白屏幕.所有 Vue 文件都位于 resource/js 文件夹中.前端和后端没有单独的文件夹. 网络标签 控制台日志 文件夹结构: 根目录有quickpack文件夹 public_html 文件夹中有我的 Laravel 应用程序的 public 文件 ..

SPA 内容不断更新,不断更新

我知道更新 SPA 版本的推荐方法是使用服务工作者并提醒用户他应该刷新页面.但是当有很多页面和不断添加新东西时,我们有什么选择?我相信这会惹恼很多用户,尤其是当这些更新甚至与他们现在使用的页面无关时. 我在想,当用户转到其他页面(例如单击菜单项)时,每当新版本存在时都会刷新页面.但它远非完美.我还有其他选择吗? 解决方案 您可以完成此任务 - "当用户正在查看的页面有可用的新 UI ..

Wicket 是适合单页应用程序的 Web Java 框架吗?

或者对于这种应用程序,SPA 有最好的选择(框架)吗? 我只对使用 Scala 或 Java 框架进行后端开发感兴趣. 对我来说选择后端 Web 框架的主要要点是: 良好的文档、资源和许多示例 成熟并被社区广泛采用,并具有大量实际用例. 简单而简短的学习曲线. 一种简单而广泛的架构,可以轻松使用或添加身份验证、授权等功能,以及网络应用中常见的其他功能. 解决方案 是 ..

Sails.js 单页应用程序 (SPA) — 将所有丢失/未使用的路由重定向到单个控制器操作

我正在使用 Sails.js 作为后端开发单页应用程序 (SPA).我想要的只是将所有路由重定向到单个控制器操作. 但是,当我执行以下操作时: //config/routes.jsmodule.exports.routes = {'GET *': 'MainController.application'}; 所有请求都被重定向到我的应用程序路由,即使对于 CSS/JavaScript 等 ..
发布时间:2021-07-14 19:37:23 前端开发

如何在 Rails 中创建单页应用程序?

在完成出色的Rails 教程后,我正在创建我的第一个 Rails 3.2 应用程序. 我希望我的应用程序执行此操作: 从数据库中提取一个随机配方(我已经使用“索引"操作和这段代码完成了这一点:@recipe = Recipe.find(:first, :order => 'Random()')) 如果用户点击“类似的东西"按钮,应用会从数据库中获取相关配方 如果用户点击“不 ..

尝试获取子模块文件时,Oracle Jet 路由会在路径中添加额外的文件夹

问题 我正在尝试编写一个单页应用程序 (SPA),其中应用程序最初显示模块“A".当用户点击“A"中的元素时,会显示模块“B"并从A传递一个ID.(例如A显示员工ID列表,点击一个员工意味着B将显示该员工的详细信息) 最初我的网址是: http://localhost:8000/ 点击 A 中 id 为 123 的项目,URL 更改为以下正确: http://localhost: ..
发布时间:2021-07-10 19:52:58 其他开发

React Router V4 侧边栏菜单中的错误

我正在开发一个单页 ReactJS Web 应用程序,但我知道在使用 React Router V4 定义路由时我做错了. 我的问题如下:routes.js 文件中的 PrivateRoute 没有按预期工作.也就是说,我不知道为什么但是我的侧边栏菜单(我的主 App 的子组件)无法正常工作:当我单击我的主App 的菜单项时有一些错误PrivateRoute 组件(在本例中为 Page1). ..
发布时间:2021-07-05 18:30:29 其他开发

导航出同一主机上的 react-router 单页应用程序

我正在尝试设置将用户带出当前 SPA 并进入另一个 SPA(或下载 pdf)的链接. 我已经尝试使用 标签,但是每当我导航到我不想再进入 SPA 的路径时,它都会显示我使用的 SPA 的基本布局卡在里面. 如果我在正确的路径上硬刷新,我会看到另一个 SPA,在另一种情况下,我正在尝试查看 pdf. 示例锚元素: 路由器代码: ReactDOM.render( ..
发布时间:2021-07-04 20:53:14 其他开发

ReactJS 服务端渲染和 componentDidMount 方法

我是 React 的新手,所以请不要严格判断.我正在服务器上呈现我的 React 应用程序,并希望在前端执行代码.应用程序以样式正确呈现,没有警告或错误,但状态为空,因为我使用的 API 应该在前端执行,现在还可以. 据我所知,服务器呈现组件,并且由于服务器在服务器上呈现并安装了组件,因此它没有调用 componentDidMount() 方法我的 API 调用和其他员工应该这样做 这 ..

如何使用功能组件和 React Router v5 在 React SPA 中拦截后退按钮

我在 React 中的 SPA 中工作,该 SPA 不使用 React Router 创建任何路由;我不需要允许用户导航到特定页面.(想想多页问卷,按顺序填写.) 但是,当用户按浏览器上的后退按钮时,我不希望他们退出整个应用程序;我希望能够在用户按下后退按钮时触发一个功能,该按钮只是呈现页面,就像他们上次选择之前一样.(每个页面都是一个组件,它们组装在一个数组中,由 currentPage ..