# 删除期间重新加载页面时找不到页面
Posted
技术标签:
【中文标题】# 删除期间重新加载页面时找不到页面【英文标题】:Page not found while reload page during # removal 【发布时间】:2017-10-20 17:01:24 【问题描述】:我对 index.html 和 app.js 进行了更改。
有角度的 .module('assessmentApp', ['ngRoute', 'ngCookies', 'ngSanitize', 'timer', 'assets', 'youtube-embed']) .config(配置) 。跑跑); config.$inject = ['$routeProvider', '$locationProvider', '$httpProvider']; 功能配置($routeProvider,$locationProvider,$httpProvider) /*$locationProvider.html5Mode( 启用:真, 要求基础:假 );*/ $routeProvider 。什么时候('/', templateUrl: 'views/home.html', 控制器:“家庭控制器”, 控制器作为:'vm' ) .when('/登录', templateUrl: 'views/login.html', 控制器:'登录控制器', 控制器作为:'vm' ) 如果(window.history && window.history.pushState) $locationProvider.html5Mode( 启用:真, 要求基础:真, 重写链接:真 );这是 app.js 文件。
这是 Index.html。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Assessment</title>
<meta name="description" content="">
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport content="width=device-width,initial-scale=1">
<base href="/assessment/"></base>
</head>
</html>
-
我已遵循与我的问题相关的所有解决方案,但我的应用仍然无法运行。
我正在使用 nginx 服务器,但我不知道是否需要进行任何更改?如果是,那么有什么变化?
我添加了 html5 api 和基本标记,并从我的应用程序 html 文件中删除了所有 #,因此我的应用程序工作正常,但是当我要重新加载我的应用程序时,它返回 找不到页面
【问题讨论】:
# 与您的 HTML 文件有什么关系? 之前在我的所有 html 文件中都有 # 位置类似于 。但现在我对 。所以工作正常,直到我不重新加载页面。所以给我解决方案什么时候我会重新加载页面它不应该给页面未找到错误 【参考方案1】:确保您的服务器已设置为返回您的 index.html
而不是 404。
在此站点的 nginx 配置中添加:
error_page 404 =200 /index.html;
或者,您可以像这样重定向:
try_files $uri $uri/ /index.html;
【讨论】:
谢谢!!我已经使用了这个及其工作正常的位置 /assessment/ root /opt/www/;索引 index.html 索引.htm; try_files $uri $uri/ /assessment/index.html?url=$uri; 但是当我使用 url 给出“grunt”示例“myaddress/assessment-grunt/login”时出现页面未找到错误但没有 grunt 工作正常。所以请告诉我它如何与 grunt 一起工作。我在中间件“modRewrite(['^[^\\.]*$ /index.html [L]'])," 中使用了我的“Gruntfile.js” 你能给我上面的评论答案吗?以上是关于# 删除期间重新加载页面时找不到页面的主要内容,如果未能解决你的问题,请参考以下文章
直接从 vue.js 中的 URL 加载页面时找不到 URL [重复]
尝试使用导航器页面访问时找不到 Flutter scoped_model