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

栏目: 服务器 · Nginx · 发布时间: 6年前

内容简介:1、路由懒加载配置1.1index路由

1、路由懒加载配置

1.1index路由

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

1.2home组件的路由

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

1.3 添加路由导航守卫

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

1.4项目打包

1.4.1提示不能直接访问index.html文件,需要放在服务器中才可以访问。

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

根据搜索解决办法,在 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 文件配置

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

配置完成后,再次刷新新页面还有问题

2.3解决文件配置问题。因为打包前配置了 config > index.js 文件

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


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

深入浅出HTML与CSS、XHTML

深入浅出HTML与CSS、XHTML

[美] 弗里曼 Freeman.E. / 东南大学出版社 / 2006-5 / 98.00元

《深入浅出HTML与CSS XHTML》(影印版)能让你避免认为Web-safe颜色还是紧要问题的尴尬,以及不明智地把标记放入你的页面。最大的好处是,你将毫无睡意地学习HTML、XHTML 和CSS。如果你曾经读过深入浅出(Head First)系列图书中的任一本,就会知道书中展现的是什么:一个按人脑思维方式设计的丰富的可视化学习模式。《深入浅出HTML与CSS XHTML》(影印版)的编写采用了......一起来看看 《深入浅出HTML与CSS、XHTML》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具