vue腳手架打包后路由不顯示問題

打包項目，然后在服務器上運行的時候打開是一片空白或者自己寫的404頁面,或者說其他靜態資源都顯示，就是路由組件不顯示，下面我收集了一些解決這個問題的辦法。

1.路由配置問題

首先找到router下面的index.js

const router = new VueRouter({
	mode: 'history',
	base: "/dist/",	//這里改為服務器的根目錄(我這里是把默認打包的文件夾整個搬過去了)
	routes
})

---

2.History 模式問題

const router = new VueRouter({
	mode: 'history', //直接注釋掉這行就行了,vue就會把它改為默認的hash模式
	base: "/dist/",
	routes
})

---

3.打包路徑問題

找到vue.config.js文件(沒有就自己建一個,然后放到你項目的根目錄)

module.exports = {
  publicPath: './'	//改變vue的公共路徑
}

或者你還可以用vue ui來修改這個問題