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