解决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 相关文章推荐
javascript实现的网页局布刷新效果
Dec 01 Javascript
传智播客学习之JavaScript基础篇
Nov 13 Javascript
设置checkbox为只读(readOnly)的两种方式
Oct 11 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
May 06 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 Javascript
JS显示日历和天气的方法
Mar 01 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
根据Bootstrap Paginator改写的js分页插件
Dec 25 Javascript
AngularJs表单校验功能实例代码
Feb 09 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 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
SONY SRF-22W(33W)的电路分析和维修案例
2021/03/02 无线电
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
php文件包含的几种方式总结
2019/09/19 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
2006/12/23 Javascript
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
2012/02/17 Javascript
妙用Jquery的val()方法
2012/06/27 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
2014/03/03 Javascript
实现图片预加载的三大方法及优缺点分析
2014/11/19 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
php 修改密码实现代码
2017/05/24 Javascript
Vue2.0权限树组件实现代码
2017/08/29 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
浅谈JavaScript中this的指向问题
2020/07/28 Javascript
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
用Python编写一个国际象棋AI程序
2014/11/28 Python
Python2.x版本中maketrans()方法的使用介绍
2015/05/19 Python
python2.7的编码问题与解决方法
2016/10/04 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
在python中pandas的series合并方法
2018/11/12 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
python切割图片的示例
2020/11/12 Python
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
焊接专业毕业生求职信
2013/10/01 职场文书
销售经理工作职责
2014/02/03 职场文书
《小熊住山洞》教学反思
2014/02/21 职场文书
化工专业自荐书
2014/06/16 职场文书
研究生求职自荐书
2014/06/23 职场文书
2014年销售人员工作总结
2014/11/27 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS