vue打包时的神秘路径

• 先看看项目结构
  
• 下图即本次要理解的神秘路径
  

实验开始

一

__dirname其实就是项目根目录下的config，怎么证明，把…/dist改成./dist


dist被打包到config下了

二

assetsSubDirectory其实都是在dist目录下，怎么证明，把assetsSubDirectory的值改为’…/test’，打包后如下

项目根目录多了一个test目录，里面放着打包后的css，js文件

三

assetsPublicPath的根目录斜杠指的就是服务器根目录，怎么证明
先如下图配置


打包后，静态文件以/static开头，然后将整个dist文件放在服务器中，如下


在浏览器访问该项目时，访问不到静态文件，然后把assetsPublicPath改下：


打包后静态文件以/dist开头引入

访问正常