VUE-Router路由懒加载，打包问题（下午更改）

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 文件

将配置路径还原，再次打包运行就没问题了。