在開發過程中發現路徑中帶有/#/的標示，而且還去不掉，很丑陋。
眾所周知，vue-router有兩種模式，hash模式和history模式。
帶＃的則是hash模式。
將router中的mode設置為history就可以了
接下來有個問題，界面一刷新，就變404了！！！！
網上搜了下，需要對后端環境進行一個配置。
這里只列舉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}Url再也沒有＃了，多完美
總結
以上所述是小編給大家介紹的Vue 去除路徑中的＃號，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
