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

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

内容简介: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 文件

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


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

查看所有标签

猜你喜欢:

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

ANSI Common Lisp

ANSI Common Lisp

Paul Graham / Prentice Hall / 1995-11-12 / USD 116.40

For use as a core text supplement in any course covering common LISP such as Artificial Intelligence or Concepts of Programming Languages. Teaching students new and more powerful ways of thinking abo......一起来看看 《ANSI Common Lisp》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器