VUE-Router路由懶加載,打包問題(下午更改)

1、路由懶加載配置

1.1index路由
clipboard.png

1.2home組件的路由
clipboard.png

1.3 添加路由導航守衛
clipboard.png

1.4項目打包
1.4.1提示不能直接訪問index.html文件,需要放在服務器中纔可以訪問。
clipboard.png
根據搜索解決辦法,在 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 文件配置
clipboard.png
配置完成後,再次刷新新頁面還有問題
2.3解決文件配置問題。因爲打包前配置了 config > index.js 文件
將配置路徑還原,再次打包運行就沒問題了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章