首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用AngularJS的单页面应用程序

使用AngularJS的单页面应用程序
EN

Stack Overflow用户
提问于 2015-11-18 14:03:59
回答 4查看 130关注 0票数 1

我在一家水疗中心工作,使用的是Flask(与jinja)和AngularJS。一切正常,但当应用程序处于给定状态时,当我尝试在浏览器中刷新页面时,服务器会响应404响应:"error":"Not fine“。当尝试通过URL访问SPA应用程序的页面时,有没有一种方法可以正确地执行此操作?

EN

回答 4

Stack Overflow用户

发布于 2015-11-18 14:13:44

这可能取决于您的dev http服务器的设置方式:

  1. 它应该被设置为总是加载默认页面,即index.html,使得angular engine状态将被加载和运行,并且仅在那时它将服务于其它路由(状态),例如本地主机/状态,否则,角度路由器将不能解析url,因为它未被加载(让http服务器处理请求,服务于404页面未找到)
  2. http服务器有时仅服务于一个级别深的url,例如本地主机/状态,而不是本地主机/状态/参数,并且您需要改变一些设置以使其工作,但我认为这超出了你的问题的范围:)
票数 1
EN

Stack Overflow用户

发布于 2015-11-18 14:19:23

您可以在SPA中使用hasher。您需要在初始化视图模型之前解析hash字符串,并根据hash的值设置当前可见页面,然后绑定视图模式。

票数 0
EN

Stack Overflow用户

发布于 2015-11-18 14:25:45

您需要有一个规则,始终返回与您的angular路由匹配的任何路由的SPA index.html页面。我不确定你的web服务器是什么,apache还是nginx或者其他什么,但是你应该能够找到关于如何将这些请求匹配回index.html的指令。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33782109

复制
相关文章
ASP.NET MVC 4中的单页面应用程序
ASP.NET MVC 4 beta中包含了一个实验项目,用作开发“单页面应用程序(single page applications)”。该项目也称为ASP.NET SPA,其项目类型基于一组开源库以及WPF、Silverlight上流行的MVVM模式。 浏览器端 位于浏览器端技术组底部的是著名的jQuery库,与之一起的还有Unobtrusive Ajax、jQuery UI和jQuery Validation插件。 接下来的技术是Upshot。它是构建于jQuery和Knockout之上的数据访问和缓存
张善友
2018/01/19
1.6K0
单文档应用程序使用WebBrowser
解决方案右击->添加->新建项目->Visual C++->MFC->MFC应用程序->确定 
ClearSeve
2022/02/11
7220
单文档应用程序使用WebBrowser
使用Flask和Vue.js开发一个单页面应用程序(三)
我们的目标是设计一个后端RESTful API,由Python和Flask提供支持。API本身应该遵循RESTful设计原则,使用基本的HTTP请求方式:GET、POST、PUT和DELETE来完成。
TalkPython
2019/05/24
1.2K0
使用Flask和Vue.js开发一个单页面应用程序(三)
使用Flask和Vue.js开发一个单页面应用程序(一)
首先,我会使用Vue CLI搭建一个新的Vue应用程序,然后通过Python和Flask支持的后端RESTful API执行基本的CRUD操作。
TalkPython
2019/05/24
1.7K0
使用Flask和Vue.js开发一个单页面应用程序(四)
接上一次,继续分享,这是该系列的最后一篇文章。今天继续完成更新图书和删除图书的前后端功能。
TalkPython
2019/05/24
1.5K1
使用Flask和Vue.js开发一个单页面应用程序(四)
使用Flask和Vue.js开发一个单页面应用程序(二)
书接上回,继续开整。上一次,已经把前后端的基础环境,都已经搭建好了。现在加一些自己的功能进行。试试效果。
TalkPython
2019/05/24
9030
AngularJS应用页面切换优化方案
葡萄城的一款尚在研发中的产品,对外名称暂定为X项目。其中使用了已经上市的Wijmo中SpreadJS产品,另外,在研发过程中整理了一些研发总结分享给大家。如本篇的在页面切换的过程中优化方案,欢迎大家跟帖交流。 前言 AngularJS被用来开发单页面应用程序(SPA),利用AJAX调用配合页面的局部刷新,可以减少页面跳转,从而获得更好的用户体验。Angular的ngView及其对应的强大路由机制,是实现SPA应用的核心模块。本文所说的页面切换指的就是这个路由机制,即根据不同的URL展示不同的视图。 有一种非
葡萄城控件
2018/01/10
1.9K0
AngularJS应用页面切换优化方案
小程序配置的单局页面与全局页面导航栏的使用。
1、点击[pages] 2、点击[logs] 3、点击[logs.json] 4、点击[查看启动日志] 5、点击[编译] 6、点击[小程序]
裴来凡
2022/05/28
4510
小程序配置的单局页面与全局页面导航栏的使用。
vue单页面应用的原理
大家好,又见面了,我是你们的朋友全栈君。 通常的url 地址由什么构成呢:协议名 域名 端口号 路径 参数 哈希值 比如:http://www.itcast.cn:80/home/index?name
全栈程序员站长
2022/09/07
5500
前端的单页面模式和多页面模式
  这就引出了本篇博客的目的,一起来谈谈:项目前端部分的构建方式以及数据共享方式。
Lansonli
2021/10/09
1.5K0
Angularjs 初步使用总结
IMWeb前端团队
2017/12/29
1.3K0
Angularjs 初步使用总结
Vue单页面应用
有公用的css和js,有两种引用的方法:(要深刻理解单页面应用程序哦,单页面就是引入后在哪里都能使用)
全栈程序员站长
2022/09/07
9630
Vue单页面应用
基于h5+ angularjs页面拖拽实现
第四步:定义函数,修改图片数组顺序(angualr最好用的地方之一就是双向绑定。所以只需要操作图片数组的顺序就可以实现页面上交换图片位置)。
用户5166330
2019/04/16
1.6K0
基于h5+ angularjs页面拖拽实现
Angularjs 初步使用总结
Angularjs比较适合做SPA,所以在express中只需要把地址指导制定的html页面就好,其余的接口,全部都是面向数据即可。
IMWeb前端团队
2019/12/04
9830
Angularjs 初步使用总结
使用 RequireJS 加载 AngularJS
AngularJS 目前的版本没有遵循 Javascript 约定的 AMD 模块化规范, 因此使用 RequireJS 加载 AngularJS 时需要一些额外的配置。
beginor
2020/08/10
1.3K0
使用 RequireJS 加载 AngularJS
使用Ember CLI 创建一个ember的单页面应用
最近在魔改rancher/ui 此项目使用的emberjs, 虽然不太懂emberjs,也能完成任务,但有些需求还是要懂有些emberjs的知识。
拿我格子衫来
2022/01/24
8810
使用Ember CLI 创建一个ember的单页面应用
【AngularJS】 # AngularJS入门
ng-app 指令定义一个 AngularJS 应用程序。 若不声明,将直接显示表达式。
全栈程序员站长
2022/09/15
23.2K0
【AngularJS】 # AngularJS入门
vue单页面和多页面的区别
SPA单页面应用(SinglePage Web Application) ,指只有一个主页面的应用(一个html页面),一开始只需要加载一次js、css的相关资源。所有内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅仅刷新局部资源。
程序狗
2021/12/16
1.6K0
Bootstrap实战 - 单页面网站
单页面结构简单、布局清晰,常常用来做手机 App 或者某个产品的下载介绍页面。现在,展示型网页整体趋向于单页网站设计,这样一次性把核心信息展现出来,对于用户来说更加直观和简单,能够快速了解一个产品。
除除
2022/03/03
8.9K7
Bootstrap实战 - 单页面网站
点击加载更多

相似问题

在单页面AngularJS应用程序中使用引导模式

23

AngularJs项目不能作为单页面web应用程序使用

12

如何使用AngularJS单页应用程序处理页面刷新

23

集成Skrollr和AngularJS单页面应用程序

31

使用AngularJs获取单页面应用程序中其他页面的数据问题

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文