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

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


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

查看所有标签

猜你喜欢:

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

C语言接口与实现

C语言接口与实现

David R. Hanson / 郭旭 / 人民邮电出版社 / 2011-9 / 75.00元

《C语言接口与实现:创建可重用软件的技术》概念清晰、实例详尽,是一本有关设计、实现和有效使用C语言库函数,掌握创建可重用C语言软件模块技术的参考指南。书中提供了大量实例,重在阐述如何用一种与语言无关的方法将接口设计实现独立出来,从而用一种基于接口的设计途径创建可重用的API。 《C语言接口与实现:创建可重用软件的技术》是所有C语言程序员不可多得的好书,也是所有希望掌握可重用软件模块技术的人员......一起来看看 《C语言接口与实现》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

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

HEX CMYK 互转工具