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 文件
将配置路径还原,再次打包运行就没问题了。

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