解決Angular4項目部署到服務器上刷新404的問題
更新時間：2018年08月31日 10:02:00 作者：1葉知秋灬
今天小編就為大家分享一篇解決Angular4項目部署到服務器上刷新404的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
剛遇到Angular4項目npm run build 后部署到服務器可以訪問,但是刷新頁面會出現(xiàn)404的錯誤!在網(wǎng)上搜了一下看到有些人寫的解決辦法還有錯誤在里面,一眼看就知道的錯誤,感覺這些人真的有毛病,決定寫了博客,為什么那么不仔細,寫錯誤的上去,禍害別人嗎!!
解決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站點，會自動在根節(jié)點后面加一個#錨點。再次刷新便不會報404錯誤了。
以上這篇解決Angular4項目部署到服務器上刷新404的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Angular 輸入框?qū)崿F(xiàn)自定義驗證功能
AngularJS 表單和控件可以驗證輸入的數(shù)據(jù)。本文給大家介紹Angular 輸入框?qū)崿F(xiàn)自定義驗證功能，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-02-02
這篇文章主要介紹了Angular用來控制元素的展示與否的原生指令的用法及區(qū)別，非常詳細，這里推薦給小伙伴們2015-01-01
本文主要介紹AngularJS 路由與多視圖詳解，這里整理了相關資料及示例代碼，詳細說明了在開發(fā)過程中如何應用，有興趣的朋友可以看下2016-08-08
這篇文章的主要內(nèi)容是使用angularjs實現(xiàn)一個計算器，是一個仿iOS8風格的計算器，功能基本和iOS自帶的計算器是一致的。有需要的朋友們可以參考借鑒。2016-09-09
這篇文章主要介紹了AngularJS表格添加序號的方法,涉及AngularJS表格的遍歷及序號添加實現(xiàn)技巧,需要的朋友可以參考下2017-03-03
解決angular 使用原生拖拽頁面卡頓及表單控件輸入延遲問題
這篇文章主要介紹了angular 中使用原生拖拽頁面卡頓及表單控件輸入延遲問題，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
Angular2 Service實現(xiàn)簡單音樂播放器服務
本篇文章主要介紹了Angular2 Service實現(xiàn)簡單音樂播放器服務 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要為大家詳細介紹了angularjs實現(xiàn)首頁輪播圖效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
angularJS?實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法
這篇文章主要為大家介紹了angularJS實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了AngularJS實現(xiàn)Input格式化的方法,結(jié)合實例形式分析了AngularJS實現(xiàn)Input格式化的操作步驟與相關注意事項,需要的朋友可以參考下2016-11-11