一恩急、vue項目二級路由刷新后樣式丟失、錯亂的解決方案
1纪蜒、如果路由采用的是mode:history 模式衷恭,則檢查config/index.js 中的
module.exports = {
build: {
assetsPublicPath: '/', // 這里不能加點
} }
再檢查公共樣式的路徑是否正確,比如公共樣式 如果放在index.html中(其實公共樣式還可以放在src/main.js 和src/App.vue中)纯续,則檢查路徑/static/ 前是否有點
image.png
2随珠、如果路由采用的是非mode:history 模式,則與上面的相反猬错,都要加點窗看;
其它,具體參見 vue-router先hash模式部署項目倦炒,然后開啟histroy模式 显沈,引發(fā)的幾個問題以及histroy模式的開啟方式、優(yōu)點
二逢唤、手機端實時訪問npm run dev后的項目
1拉讯、修改config/index.js中的
module.exports = {
dev: {
host: '0.0.0.0', // 原有為localhost
} }
2涤浇、用手機訪問同一個局域網下的電腦端的ip地址加端口號
image.png