天天看點

vue 項目如何去掉url中的#号

1.修改router=>index.js中的尾部生成路由的配置 mode:'history'

vue 項目如何去掉url中的#号

 2.在開發中環境中你會發現一切正常,但是在生産環境,一重新整理會出現404的錯誤,如果你是在本機運作,則修改路由配置即可,這裡以phpstduy_pro為例:路由規則修改為:

location / {

try_files $uri $uri/ /index.html;

}

vue 項目如何去掉url中的#号
vue 項目如何去掉url中的#号

 3.在生産環境中,Ngnix配置我們可以這樣配置:

location / {

try_files $uri $uri/ /index.html;

}

vue 項目如何去掉url中的#号

 配置完記得重新開機Ngnix,完美運作