Vue如何去除路徑中＃號

本篇內容介紹了“Vue如何去除路徑中＃號”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

成都創(chuàng)新互聯(lián)網絡公司擁有十載的成都網站開發(fā)建設經驗，近1000家客戶的共同信賴。提供網站建設、網站制作、網站開發(fā)、網站定制、賣友情鏈接、建網站、網站搭建、自適應網站建設、網頁設計師打造企業(yè)風格，提供周到的售前咨詢和貼心的售后服務

在開發(fā)過程中發(fā)現(xiàn)路徑中帶有/#/的標示，而且還去不掉，很丑陋。

眾所周知，vue-router有兩種模式，hash模式和history模式。

帶＃的則是hash模式。

將router中的mode設置為history就可以了

接下來有個問題，界面一刷新，就變404了?。。?！

網上搜了下，需要對后端環(huán)境進行一個配置。

這里只列舉nginx的配置，其他的配置點擊這里去官網看

先配置config/index.js

修改assetsPublicPath為根目錄

module.exports = {
  build: {
      env: require('./prod.env'),
      index: path.resolve(__dirname, '../dist/index.html'),
      assetsRoot: path.resolve(__dirname, '../dist'),
      assetsSubDirectory: 'static',
      assetsPublicPath: '/',   // hash 模式會默認的在此處 添加為 assetsPublicPath: './'
      productionSourceMap: true,
      ...
    }
}

然后配置nignx

server {
    listen 0.0.0.0:12345;
    location / {
        root /home/我的應用跟目錄;
        try_files $uri $uri/ /index.html =404;  // 這個是重點
    }
    error_page 404 /index.html
}

“Vue如何去除路徑中＃號”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網站，小編將為大家輸出更多高質量的實用文章！

分享名稱：Vue如何去除路徑中＃號
URL地址：http://bm7419.com/article8/jjdjip.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供移動網站建設、建站公司、服務器托管、定制網站、虛擬主機、商城網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)