vue中config中index修改相对路径，打包dist文件夹遇见的问题

当完成vue代码，需要放到服务器上，当然这里就需要用到相对路径，为了让用户方便使用。Vue项目运行npm run build后会生成一个dist文件夹，我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面，这个index就是最后单页面的最终文件

问题：在打包完成后，打开index.html文件时是空白页面，同时按F12调试，下面报错，如下图所示：

 

 

 

 该错的来源是：应该是在config文件夹下的index.js中寻找问题。index.js中的build命令的配置有一个属性叫assetsPublicPath，它的值为‘/’。要改成相对路径

即在/前面加入点

我的犯错是：config/index.js里面有两个assetsPublicPath，我是直接在第一个路径里面直接变成“./”

 

 没有看清，不认真，先入为主做错的，希望大家以我为戒

当在config目录下的index.js里build里面修改相对路径后，开始进行第二步，在vs code
终端里面输入
npm run build

出现该行代码说明打包完成

打包完成就会生成dist文件，然后双击里面的index.html就会自动运行出你想要的页面喽