内容简介：1、路由懒加载配置1.1index路由
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 文件
将配置路径还原，再次打包运行就没问题了。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- vue路由篇(动态路由、路由嵌套)
- 小程序封装路由文件和路由方法，5种路由方法全解析
- Vue的路由及路由钩子函数
- gin 源码阅读（二）-- 路由和路由组
- 【前端打包部署】谈一谈我在SPA项目打包=>部署的处理
- vue router 路由鉴权（非动态路由）
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
