AngularJs去掉鏈結中的「 」

2021-08-14 08:14:47 字數 852 閱讀 2994

angularjs的路由機制會給鏈結中新增乙個「#」,是跳到子頁面的錨點。由於專案需求,需要將鏈結中的「#」去掉,其實angular還提供了html5mode()跳轉機制。

.config(function($locationprovider))

其實前兩步的設定已經可以實現去掉「#」跳轉了,但是每次重新整理或者直接輸鏈結進到頁面都會報找不到頁面的錯

一般情況下,現在很多前端的編譯器都自帶webserver,很多前端小夥伴都沒有自己搭過webserver,所以多說一點修改webserver的配置問題。

cd c:\users\admin\desktop\nginx
進入解壓的資料夾下

start nginx
開啟瀏覽器輸入localhost直接到nginx歡迎介面,說明webserver已經啟動

b.接下來就是把自己的專案新增到伺服器下

其實很簡單,把自己專案放到nginx檔案加下的html裡,index.html覆蓋原來的index.html就好。

c.修改 nginx 配置為 webserver 路徑配置

開啟nginx.conf,在http{}下第乙個server的location / {} 下的index替換掉,替換為

location /nginx -s reload

瀏覽器重新整理不會再出現找不到頁面的問題了。

AngularJS去掉URL中的 號

from 前言 天天都在用angularjs,各類文件也都看過好幾遍,但總是些程式設計上的事找不到優雅的解決辦法。今天終於把angularjs的專案訪問路徑url裡的 號去掉了,這個問題不見得有多難,關鍵是花多長時間去理解angularjs框架本身。目錄 url的 號問題 找到錯誤原因 靜態 的解決...

AngularJS去掉的URL裡的 號

前言 天天都在用angularjs,各類文件也都看過好幾遍,但總是些程式設計上的事找不到優雅的解決辦法。今天終於把angularjs的專案訪問路徑url裡的 號去掉了,這個問題不見得有多難,關鍵是花多長時間去理解angularjs框架本身。目錄 url的 號問題 找到錯誤原因 靜態 的解決方案 動態...

關於AngularJS去掉的URL裡的 號

原文 url的 號問題 對於預設的情況,是不啟動html5模式的,url中會包括乙個 號,用來區別是angularjs管理的路徑還是webserver管理的路徑。比如 下面的帶 號的url,是angularjs管理的路徑。通過設定 locationprovider.html5mode true 就行...