1、路由懶加載配置
1.1index路由
1.2home組件的路由
1.3 添加路由導航守衛
1.4項目打包
1.4.1提示不能直接訪問index.html文件,需要放在服務器中纔可以訪問。
根據搜索解決辦法,在 config > index.js 文件
//assetsPublicPath: '/', 添加.
assetsPublicPath: './',
重新打包後,仍然有提示
1.4.2
暫時不管,將文件放到虛擬機中繼續訪問,頁面可以正常加載,但只要刷新頁面就報404錯誤。
後經過查詢,需要將項目放在服務器中運行。不能直接訪問靜態頁面。
第二步,虛擬機安裝nginx
2、nginx的安裝
2.1配置完成後,啓動項目報錯 1067
報錯原因很多,一個個排查,因爲IP衝突了。
將IIS端口換成8082
再啓動成功
訪問locahost可以運行頁面
2.2將文件扔到nginx文件html文件中
文件回退有問題,因爲沒有進行配置
nginx.conf 文件配置
配置完成後,再次刷新新頁面還有問題
2.3解決文件配置問題。因爲打包前配置了 config > index.js 文件
將配置路徑還原,再次打包運行就沒問題了。