vue打包项目部署到二级目录

1、分析为何将vue打包后的文件放到二级目录页面会是空白？

首先，假设这样一个情景，咱们想www.domain.com/yunnan二级目录来访问咱们的页面。

而后，在没有作任何配置下，打包的文件扔到yunnan下；

此时目录结构以下：

/www

   |-----/yunnan

   　　　|-----assets

　　　   |-----index.html

咱们页面访问是空白的缘由就是由于打包后的文件是从根目录开始找的，也就是会在www下面去找资源文件，

而咱们的资源文件是在yunnan文件夹中。

2、解决办法

解决步骤很简单：

step1：在vue.config.js中配置生产环境下的baseUrl

配置publicPath目的：当成一个虚拟目录，其实就是在资源前面加一个目录。

step2：配置路由的base

配置base的目的就是让全部资源经过这个路径来访问。默认是/

 配置完成以后：