VUE-Router路由懒加载,打包问题(下午更改)

32次阅读

共计 477 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0