解决Angular4项目部署到服务器上刷新404的问题


Posted in Javascript onAugust 31, 2018

刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!在网上搜了一下看到有些人写的解决办法还有错误在里面,一眼看就知道的错误,感觉这些人真的有毛病,决定写了博客,为什么那么不仔细,写错误的上去,祸害别人吗!!

解决angular2页面刷新后报404错误办法:

配置app.module.ts

import {HashLocationStrategy , LocationStrategy} from '@angular/common';

@NgModule({
 declarations: [AppCmp],
 bootstrap: [AppCmp],
 imports: [BrowserModule, routes],
 providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]
});

主要添加的代码:

providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]

这样设置后,访问angular站点,会自动在根节点后面加一个#锚点。再次刷新便不会报404错误了。

以上这篇解决Angular4项目部署到服务器上刷新404的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
Javascript中String的常用方法实例分析
Jun 13 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
jquery过滤特殊字符',防sql注入的实现方法
Aug 17 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
Feb 05 Javascript
详解vue2路由vue-router配置(懒加载)
Apr 08 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
BACKBONE.JS 简单入门范例
Oct 17 Javascript
Vue瀑布流插件的使用示例
Sep 19 Javascript
js计算两个日期间的天数月的实例代码
Sep 20 Javascript
javascript中join方法实例讲解
Feb 21 Javascript
Vue.directive使用注意(小结)
Aug 31 #Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 #Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 #Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 #Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 #Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 #Javascript
Angular2之二级路由详解
Aug 31 #Javascript
You might like
[FAQ]PHP中的一些常识:类篇
2006/10/09 PHP
jquery下实现overlay遮罩层代码
2010/08/25 Javascript
js中直接声明一个对象的方法
2014/08/10 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
js实现点击添加一个input节点
2014/12/05 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
在移动端使用vue-router和keep-alive的方法示例
2018/12/02 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
小程序实现多列选择器
2019/02/15 Javascript
ckeditor一键排版功能实现方法分析
2020/02/06 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
在Python的Django框架上部署ORM库的教程
2015/04/20 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
Django ORM filter() 的运用详解
2020/05/14 Python
区分python中的进程与线程
2020/08/13 Python
Selenium结合BeautifulSoup4编写简单的python爬虫
2020/11/06 Python
selenium自动化测试入门实战
2020/12/21 Python
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
经济实惠的豪华背包和行李袋:Packs Project
2018/10/17 全球购物
会计专业应届生求职信
2013/11/24 职场文书
行政部工作岗位职责范本
2014/03/05 职场文书
工地安全质量标语
2014/06/07 职场文书
业绩倒数第一的检讨书
2014/09/24 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
初三英语教学反思
2016/02/15 职场文书
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python