解决Angular4项目部署到服务器上刷新404的问题
2018-08-31 10:02
2326 查看
刚遇到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的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Angular4项目部署到服务器上刷新404解决办法
- 转《Angular4项目部署到服务器上刷新404解决办法》
- Nginx+Tomcat部署Angular+javaweb项目(解决刷新404)
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- 解决Web项目因访问URL与Tomcat服务器文件夹相同导致404页面的问题
- 自己的项目部署到服务器上的部分问题解决办法
- nginx配置vue-router+webpack项目部署访问刷新出现404问题
- idea创建web项目部署到tomcat服务器,servlet不能用问题解决
- 解决vue打包项目后刷新404的问题
- 项目部署到远程服务器出现Unsupported major.minor version 51.0问题及解决方法
- 解决tomcat部署下的web项目网页更改不能自动刷新的问题
- 解决 jeesite 项目部署到linux 服务器上 ckfinder 无法上传图片的问题
- 解决项目部署,访问报404问题
- Nginx+Tomcat部署Angular+javaweb项目(解决刷新404)
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- Tomcat成功部署发布启动项目后页面显示404问题的解决方法
- Vue 项目部署到服务器的问题解决方法
- angular2项目构建后部署到Tomcat刷新页面出现404的问题
- vue项目部署到Apache服务器中遇到的问题解决
- react,vue等部署单页面项目时,访问刷新出现404问题